.calculator{background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);border-radius:22px;padding:25px;box-shadow:0 10px 30px rgba(26,75,95,.08);margin-bottom:30px;max-width:1200px;margin:0 auto 30px;border:1px solid #d9e3ee;position:relative;overflow:hidden}.calculator::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(107,158,158,.12),transparent 38%),radial-gradient(circle at bottom left,rgba(26,75,95,.08),transparent 35%);pointer-events:none}.textarea-container{margin-bottom:25px;position:relative;z-index:1}.text-input{width:100%;height:250px;padding:20px;border:1.5px solid #ecdca8;border-radius:12px;font-size:16px;font-family:'Cairo',sans-serif;line-height:1.6;resize:vertical;background:#fefcf5;color:#1a3f5c;transition:border-color .2s ease,box-shadow .2s ease}.text-input:focus{border-color:#1a4b5f;outline:none;box-shadow:0 0 0 4px rgba(26,75,95,.08);background:#fff}.btn-copy{background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%)}.btn-copy:hover{filter:saturate(1.03);transform:translateY(-2px)}.btn-clear{background:linear-gradient(135deg,#e74c3c,#c0392b)}.btn-clear:hover{filter:saturate(1.03);transform:translateY(-2px)}.btn-upload{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.btn-upload:hover{filter:saturate(1.03);transform:translateY(-2px)}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(160px,1fr));gap:15px;margin:25px 0;max-width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.stat-card{background:#fff;border-radius:16px;padding:12px;text-align:center;border:1px solid #e0e7ef;transition:transform .2s ease,box-shadow .2s ease;min-height:80px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.02)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 22px rgba(26,75,95,.08)}.stat-value{font-size:20px;font-weight:800;color:#6b9e9e;margin:6px 0;line-height:1}.stat-label{font-size:13px;color:#5a6c7d;font-weight:600;margin-top:4px}.options-toggle{background:#fff;border:1.5px solid #6b9e9e;color:#1a4b5f;padding:10px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all 0.2s;margin:10px 0;display:flex;align-items:center;justify-content:space-between;width:100%;position:relative;z-index:1}.options-toggle:hover{background:#1a4b5f;color:#fff;border-color:#1a4b5f}.toggle-arrow{transition:transform 0.3s}.toggle-arrow.open{transform:rotate(180deg)}.options-panel{background:#fefcf5;border-radius:16px;padding:20px;margin:10px 0;border:1px solid #ecdca8;display:none;position:relative;z-index:1}.options-panel.show{display:block}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:15px}.option-group{padding:15px;background:#fff;border-radius:12px;border:1px solid #e0e7ef}.option-group h4{margin-bottom:10px;color:#1a4b5f;font-weight:700}.option-item{margin-bottom:12px;display:flex;align-items:center}.option-item input[type="checkbox"]{margin-left:10px;width:18px;height:18px;cursor:pointer}.option-item label{flex:1;font-size:14px;color:#1a3f5c}.analysis-section{margin-top:30px;position:relative;z-index:1}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.analysis-card{background:#fff;border-radius:16px;padding:20px;border:1px solid #e0e7ef;box-shadow:0 4px 12px rgba(0,0,0,.02)}.analysis-card h4{color:#1a4b5f;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid #6b9e9e;font-weight:700}.reading-time{display:flex;justify-content:space-around;text-align:center;margin:20px 0}.time-box{padding:12px;background:#f2f6fc;border-radius:12px;flex:1;margin:0 5px;border:1px solid #d0ddee}.time-value{font-size:20px;font-weight:800;color:#6b9e9e;margin:5px 0}.time-label{font-size:11px;color:#5a6c7d}.word-list{max-height:200px;overflow-y:auto;margin:10px 0;padding:10px;background:#f2f6fc;border-radius:12px;border:1px solid #d0ddee}.word-item{display:flex;justify-content:space-between;padding:8px;border-bottom:1px solid #dce5ec}.word-item:last-child{border-bottom:none}.word-text{flex:2;color:#1a3f5c}.word-count{flex:1;text-align:left;color:#6b9e9e;font-weight:700}.word-frequency{flex:1;text-align:left;color:#5a6c7d}.file-upload{position:relative;display:inline-block;width:100%}.file-input{position:absolute;width:0;height:0;opacity:0}.file-label{display:block;width:100%;text-align:center}.text-controls{display:flex;flex-direction:row;justify-content:space-between;gap:10px;margin-top:15px;direction:ltr}.text-controls .btn{flex:1;text-align:center;padding:12px;height:44px;font-size:15px;font-weight:700;border-radius:12px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap;line-height:20px;color:#fff;box-shadow:0 4px 12px rgba(26,75,95,.1)}.text-controls .btn:hover{transform:translateY(-2px);filter:saturate(1.03);box-shadow:0 8px 18px rgba(26,75,95,.15)}#copyBtn{background:linear-gradient(135deg,#2c3e50,#34495e)}#clearBtn{background:linear-gradient(135deg,#7f8c8d,#95a5a6)}.file-upload label{display:block;width:100%;height:44px;background:linear-gradient(135deg,#1a4b5f 0%,#2b6a79 100%);color:#fff;padding:12px;border-radius:12px;text-align:center;font-size:15px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;line-height:20px;box-shadow:0 4px 12px rgba(26,75,95,.1)}.file-upload label:hover{transform:translateY(-2px);filter:saturate(1.03);box-shadow:0 8px 18px rgba(26,75,95,.15)}@media(max-width:768px){.calculator{padding:15px;margin:10px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card{padding:12px}.stat-value{font-size:22px}.analysis-grid{grid-template-columns:1fr}.reading-time{flex-wrap:wrap;gap:8px}.time-box{flex:0 0 calc(50% - 10px);padding:10px;margin:0}.time-value{font-size:18px}}@media(max-width:480px){.calculator{padding:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:20px}.stat-label{font-size:12px}.options-grid{grid-template-columns:1fr}.reading-time{gap:6px}.time-box{flex:0 0 calc(50% - 8px);padding:8px}.time-value{font-size:16px}.time-label{font-size:10px}}@media(max-width:360px){.text-controls{flex-direction:column;gap:8px}.text-controls .btn{width:100%;margin:0}}