.text-input-container{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-bottom:var(--space-4)}.input-controls{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.input-tabs{flex:1;display:flex;gap:var(--space-1);background:#fff9;padding:var(--space-1);border-radius:8px;border:1px solid var(--hawker-tan)}.input-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);min-height:44px;border:1px solid transparent;border-radius:6px;background:transparent;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;color:var(--text-medium);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em}.input-tab:hover:not(:disabled){background:#ed29390d;border-color:var(--sg-red);color:var(--sg-red)}.input-tab.active{background:#fff;border-color:var(--sg-red);color:var(--sg-red);box-shadow:0 2px 6px #ed29391a}.input-tab:disabled{opacity:.5;cursor:not-allowed}.tab-icon{font-size:var(--text-base)}.tab-label{font-size:var(--text-xs)}.random-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-4);min-height:44px;background:linear-gradient(135deg,var(--sg-green) 0%,var(--sg-green-bright) 100%);color:#fff;border:none;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;box-shadow:0 2px 8px #4d7c2c33}.random-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--sg-green-bright) 0%,var(--sg-green) 100%);box-shadow:0 4px 12px #4d7c2c4d;transform:translateY(-2px)}.random-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #4d7c2c33}.random-btn:disabled{opacity:.5;cursor:not-allowed}.random-icon{font-size:var(--text-base)}.random-label{font-size:var(--text-xs)}.text-input-container form{flex:1;display:flex;flex-direction:column;overflow:hidden}.input-wrapper{position:relative;flex:1;display:flex;flex-direction:column;margin-bottom:var(--space-3);overflow:hidden}.main-textarea{width:100%;flex:1;min-height:320px;resize:none;font-size:var(--text-base);line-height:1.7;border-width:2px;border-radius:6px;box-shadow:0 2px 8px #1a16140f;transition:all var(--transition-base);padding:var(--space-4)}.main-textarea:focus{box-shadow:0 4px 16px #ed29391f;transform:translateY(-1px)}.main-textarea:disabled{opacity:.6;cursor:not-allowed}.input-meta{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding:0 var(--space-2);gap:var(--space-2)}.source-badge{font-size:var(--text-xs);color:var(--sg-red);font-weight:600;background:#ffffffe6;padding:var(--space-1) var(--space-3);border-radius:12px;border:1px solid var(--sg-red);text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.source-badge:hover{background:var(--sg-red);color:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #ed293933}.word-count{font-size:var(--text-xs);color:var(--text-light);font-weight:600;background:#fff9;padding:var(--space-1) var(--space-2);border-radius:12px;border:1px solid var(--hawker-tan);white-space:nowrap}.analyze-btn{width:100%;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 4px 12px #ed293933;transition:all var(--transition-base);border-radius:6px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;flex-shrink:0}.analyze-btn:hover:not(:disabled){box-shadow:0 6px 20px #ed29394d;transform:translateY(-2px)}.analyze-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #ed293933}.btn-icon{font-size:var(--text-base);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.loading-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.main-textarea{font-size:var(--text-xs);line-height:1.5}.analyze-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.input-meta{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.source-badge{max-width:100%;font-size:.625rem}.word-count{font-size:.625rem}}.url-input-container{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:#fff;border:2px solid var(--hawker-tan);border-radius:6px;height:100%;justify-content:center;align-items:center}.url-input{width:100%;max-width:600px;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-family:JetBrains Mono,monospace;border:2px solid var(--hawker-tan);border-radius:6px;transition:all var(--transition-base)}.url-input:focus{outline:none;border-color:var(--sg-red);box-shadow:0 4px 16px #ed29391f}.fetch-btn{width:100%;max-width:300px;padding:var(--space-3) var(--space-6);font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.file-upload-container{height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8);background:#fff;border:2px dashed var(--hawker-tan);border-radius:8px;cursor:pointer;transition:all var(--transition-base);min-width:400px;text-align:center}.file-upload-label:hover{border-color:var(--sg-red);background:#ed293905;transform:translateY(-2px);box-shadow:0 4px 12px #ed29391a}.file-input{display:none}.upload-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(237,41,57,.2))}.upload-text{font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:600;color:var(--text-dark)}.upload-hint{font-size:var(--text-xs);color:var(--text-light);font-family:JetBrains Mono,monospace}@media (max-width: 768px){.main-textarea{font-size:var(--text-xs);line-height:1.5}.analyze-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.word-count{font-size:.625rem}.input-controls{flex-direction:column;gap:var(--space-2)}.input-tabs{gap:0;width:100%}.tab-label{display:none}.random-btn{width:100%}.random-label{display:inline}.file-upload-label{min-width:300px;padding:var(--space-6)}.url-input{font-size:var(--text-xs)}}@media (max-height: 768px){.main-textarea{font-size:var(--text-xs);line-height:1.6;min-height:250px}.text-input-container{margin-bottom:var(--space-3)}.input-wrapper{margin-bottom:var(--space-2)}.analyze-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.input-tabs{margin-bottom:var(--space-2)}.file-upload-label{padding:var(--space-6)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a161499;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1000;overflow-y:auto}.modal-content{background:#fff;border-radius:12px;padding:var(--space-8);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.document-metadata{display:flex;gap:var(--space-4);justify-content:center;padding:var(--space-3);background:var(--hawker-cream);border-radius:8px;margin-bottom:var(--space-6);border:1px solid var(--hawker-tan)}.metadata-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.metadata-label{font-size:var(--text-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.metadata-value{font-size:var(--text-sm);font-weight:700;color:var(--text-dark)}.metadata-link{font-size:var(--text-sm);font-weight:700;color:var(--sg-red);text-decoration:none;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-1)}.metadata-link:hover{color:var(--sg-green-bright);text-decoration:underline}.close-btn{position:absolute;top:var(--space-4);right:var(--space-4);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--text-medium);transition:all var(--transition-base)}.close-btn:hover{background:var(--hawker-cream);color:var(--sg-red)}.score-hero{text-align:center;padding:var(--space-8) 0;border-bottom:2px solid var(--hawker-cream);margin-bottom:var(--space-8)}.modal-title{font-size:var(--text-2xl);font-weight:200;margin-bottom:var(--space-6);color:var(--text-dark)}.score-circles-container{display:flex;justify-content:center;align-items:flex-start;gap:var(--space-8);margin-bottom:var(--space-6)}.score-circle-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.score-circle-title{font-size:var(--text-sm);font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.score-subtitle{font-size:var(--text-sm);color:var(--text-light);margin-top:var(--space-2)}.score-circle{width:160px;height:160px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:8px solid;position:relative}.score-circle.score-high{border-color:var(--sg-green-bright);background:linear-gradient(135deg,#4d7c2c1a,#4d7c2c0d)}.score-circle.score-medium{border-color:var(--warning);background:linear-gradient(135deg,#ffa5001a,#ffa5000d)}.score-circle.score-low{border-color:var(--sg-red);background:linear-gradient(135deg,#ed29391a,#ed29390d)}.score-number{font-family:JetBrains Mono,monospace;font-size:4rem;font-weight:700;line-height:1}.score-label{font-size:var(--text-sm);color:var(--text-light);text-transform:uppercase;letter-spacing:.05em}.score-verdict{font-size:var(--text-lg);color:var(--text-medium);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.verdict-icon{font-size:var(--text-2xl)}.section-title{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4);color:var(--text-dark);display:flex;align-items:center;gap:var(--space-2)}.issue-count-badge{font-size:var(--text-xs);background:var(--sg-red);color:#fff;padding:var(--space-1) var(--space-2);border-radius:12px;font-weight:600}.principles-section,.metrics-section,.issues-section,.simplified-section{margin-bottom:var(--space-8)}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.principle-card{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:8px;border:2px solid;transition:all var(--transition-base)}.principle-card.passed{border-color:var(--sg-green-bright);background:#4d7c2c0d}.principle-card.failed{border-color:var(--warning);background:#f59e0b0d}.principle-icon{font-size:var(--text-2xl)}.principle-content{flex:1}.principle-title{font-family:JetBrains Mono,monospace;font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1);display:flex;align-items:center;justify-content:space-between}.principle-badge{font-size:var(--text-base)}.badge-success{color:var(--success)}.badge-warning{color:var(--warning)}.principle-description{font-size:var(--text-sm);color:var(--text-medium)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4)}.metric-card{background:var(--hawker-cream);padding:var(--space-4);border-radius:8px;text-align:center}.metric-value{font-size:var(--text-3xl);font-weight:700;color:var(--sg-red);line-height:1;margin-bottom:var(--space-2)}.metric-label{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dark);margin-bottom:var(--space-1)}.metric-description{font-size:var(--text-sm);color:var(--text-medium)}.metric-target{font-size:var(--text-xs);color:var(--text-light);margin-top:var(--space-2)}.issues-list{display:flex;flex-direction:column;gap:var(--space-3)}.show-more-btn{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:#fff;border:2px solid var(--hawker-tan);border-radius:6px;font-size:var(--text-sm);font-weight:600;color:var(--sg-red);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em}.show-more-btn:hover{background:var(--hawker-cream);border-color:var(--sg-red);transform:translateY(-1px);box-shadow:0 2px 8px #ed29391a}.issue-item{display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--hawker-cream);border-radius:6px}.issue-severity{width:4px;border-radius:2px;flex-shrink:0}.issue-content{flex:1}.issue-phrase{font-size:var(--text-sm);color:var(--sg-red);margin-bottom:var(--space-1)}.issue-suggestion{font-size:var(--text-sm);color:var(--text-medium)}.issue-type{display:inline-block;padding:var(--space-1) var(--space-2);background:#fff;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.issue-icon{margin-right:var(--space-1);font-size:var(--text-base)}.corporate-jargon-issue{background:#ed293908;border-left:3px solid var(--sg-red)}.corporate-jargon-issue .issue-type{background:var(--sg-red);color:#fff;font-weight:700}.singapore-jargon-issue{background:#4d7c2c0d;border-left:3px solid var(--sg-green-bright)}.singapore-jargon-issue .issue-type{background:var(--sg-green-bright);color:#fff;font-weight:700}.government-bureaucratic-issue{background:#00316a0d;border-left:3px solid #003a70}.government-bureaucratic-issue .issue-type{background:#003a70;color:#fff;font-weight:700}.jargon-breakdown-section{margin-top:var(--space-8);padding:var(--space-6);background:var(--hawker-cream);border-radius:12px;border:1px solid var(--hawker-tan)}.jargon-density{margin-bottom:var(--space-6);padding:var(--space-4);background:#fff;border-radius:8px;border:1px solid var(--hawker-tan)}.density-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.density-label{font-size:var(--text-base);font-weight:600;color:var(--text)}.density-value{font-size:var(--text-2xl);font-weight:700}.density-level{font-size:var(--text-sm);font-weight:400;opacity:.8}.density-description{font-size:var(--text-sm);color:var(--text-light);margin:0}.jargon-categories{display:flex;flex-direction:column;gap:var(--space-4)}.category-label{font-size:var(--text-sm);color:var(--text-light);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em}.jargon-category{padding:var(--space-3);background:#fff;border-radius:8px;border:1px solid var(--hawker-tan)}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.category-icon-label{display:flex;align-items:center;gap:var(--space-2)}.category-icon{font-size:var(--text-lg)}.category-name{font-size:var(--text-base);font-weight:600;color:var(--text)}.category-count{font-size:var(--text-sm);color:var(--text-light)}.category-bar-container{width:100%;height:8px;background:var(--hawker-cream);border-radius:4px;overflow:hidden;margin-bottom:var(--space-1)}.category-bar{height:100%;transition:width .5s ease;border-radius:4px}.category-percentage{font-size:var(--text-xs);color:var(--text-light);text-align:right}.simplified-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.auto-badge{background:var(--sg-green-bright);color:#fff;padding:var(--space-1) var(--space-3);border-radius:20px;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.text-comparison{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6)}.text-box{background:var(--hawker-cream);padding:var(--space-4);border-radius:8px;border:2px solid transparent;transition:all var(--transition-base);display:flex;flex-direction:column}.original-text{border-color:var(--hawker-tan)}.simplified-text{border-color:var(--sg-green-bright);background:#4d7c2c0d}.text-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.text-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-light)}.copy-btn{background:#fff;border:1.5px solid var(--sg-green-bright);color:var(--sg-green-bright);padding:var(--space-1) var(--space-3);border-radius:6px;font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;gap:var(--space-1)}.copy-btn:hover{background:var(--sg-green-bright);color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #4d7c2c33}.copy-btn:active{transform:translateY(0)}.text-scroll-container{overflow-y:auto;position:relative;transition:max-height var(--transition-base)}.text-scroll-container:not([style*="max-height: none"]){mask-image:linear-gradient(to bottom,black 60%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 60%,transparent 100%)}.text-scroll-container::-webkit-scrollbar{width:4px}.text-scroll-container::-webkit-scrollbar-track{background:#d4c5b04d;border-radius:2px}.text-scroll-container::-webkit-scrollbar-thumb{background:var(--hawker-brown);border-radius:2px}.text-box p{font-size:var(--text-sm);line-height:1.8;margin:0;color:var(--text-dark)}.markdown-content{font-size:var(--text-sm);line-height:1.8;color:var(--text-dark)}.markdown-content p{margin:0 0 var(--space-3) 0}.markdown-content p:last-child{margin-bottom:0}.markdown-content strong{font-weight:700;color:var(--sg-red)}.markdown-content em{font-style:italic;color:var(--text-medium)}.markdown-content ul,.markdown-content ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.markdown-content li{margin-bottom:var(--space-2)}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-weight:700;color:var(--text-dark);margin:var(--space-4) 0 var(--space-2) 0}.markdown-content h1{font-size:var(--text-xl)}.markdown-content h2{font-size:var(--text-lg)}.markdown-content h3{font-size:var(--text-base)}.markdown-content code{font-family:JetBrains Mono,monospace;background:#d4c5b04d;padding:2px 6px;border-radius:3px;font-size:.9em}.expand-text-btn{margin-top:var(--space-3);padding:var(--space-2) var(--space-3);background:#fff;border:1px solid var(--hawker-tan);border-radius:6px;font-size:var(--text-xs);font-weight:600;color:var(--sg-red);cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.expand-text-btn:hover{background:var(--hawker-cream);border-color:var(--sg-red);transform:translateY(-1px)}.word-count-hint{font-size:var(--text-xs);color:var(--text-light);font-weight:500;margin-left:var(--space-1)}.arrow{font-size:var(--text-2xl);color:var(--sg-green-bright);font-weight:700}.improvement-stats{display:flex;gap:var(--space-6);justify-content:center}.stat{text-align:center}.stat-label{display:block;font-size:var(--text-xs);color:var(--text-light);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.05em}.stat-value{display:block;font-size:var(--text-xl);font-weight:700;color:var(--sg-green-bright)}.close-action-btn{width:100%;margin-top:var(--space-6);padding:var(--space-4)}@media (max-width: 768px){.modal-content{padding:var(--space-6)}.document-metadata{flex-direction:column;gap:var(--space-2)}.metadata-item{flex-direction:row;justify-content:space-between;width:100%}.score-circle{width:120px;height:120px}.score-number{font-size:3rem}.principles-grid,.metrics-grid,.text-comparison{grid-template-columns:1fr}.arrow{transform:rotate(90deg);justify-self:center}.improvement-stats{flex-direction:column;gap:var(--space-3)}.section-title{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:var(--hawker-cream)}.modal-content::-webkit-scrollbar-thumb{background:var(--hawker-brown);border-radius:3px}.header{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--hawker-tan);position:sticky;top:0;z-index:100;flex-shrink:0;box-shadow:0 2px 8px #1a16140a}.header-content{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0}.logo{display:flex;align-items:center;gap:var(--space-2)}.logo-icon{width:28px;height:28px;filter:drop-shadow(0 2px 4px rgba(237,41,57,.2))}.logo-text{font-family:JetBrains Mono,monospace;font-weight:700;font-size:var(--text-base);color:var(--sg-red);text-transform:uppercase;letter-spacing:.08em;background:linear-gradient(135deg,var(--sg-red) 0%,var(--sg-red-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:var(--space-4)}.nav-link{font-family:JetBrains Mono,monospace;font-size:var(--text-xs);font-weight:600;color:var(--text-medium);text-decoration:none;text-transform:uppercase;letter-spacing:.08em;transition:all var(--transition-base);padding:var(--space-1) var(--space-2);border-radius:4px;border:1px solid transparent}.nav-link:hover{color:var(--sg-red);background:#ed29390d;border-color:var(--sg-red)}.nav-link.active{color:var(--sg-red);background:#ed29391a;border-color:var(--sg-red);font-weight:700}.logo{text-decoration:none;transition:all var(--transition-base)}.logo:hover{transform:translateY(-1px)}@media (max-width: 768px){.header-content{padding:var(--space-2) 0}.logo-text{font-size:var(--text-sm)}.logo-icon{width:24px;height:24px}.nav{gap:var(--space-2)}.nav-link{font-size:.625rem;padding:var(--space-1)}}@media (max-height: 768px){.header-content{padding:var(--space-2) 0}.logo-text{font-size:var(--text-sm)}.logo-icon{width:24px;height:24px}}.app{min-height:100vh;max-height:100vh;display:flex;flex-direction:column;overflow:hidden}main{flex:1;padding-top:var(--space-4);padding-bottom:var(--space-4);display:flex;flex-direction:column;overflow:hidden}.hero{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--hawker-tan);background:linear-gradient(135deg,#ed293908,#4d7c2c05);border-radius:8px;padding:var(--space-4) var(--space-6)}.hero-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:300;line-height:1.1;margin-bottom:var(--space-3);color:var(--text-dark);letter-spacing:-.03em;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.hero-subtitle{display:inline;font-weight:700;color:var(--sg-red);background:linear-gradient(135deg,var(--sg-red) 0%,var(--sg-red-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:var(--text-sm);color:var(--text-medium);max-width:600px;margin:0 auto;line-height:1.4}.hero-description strong{color:var(--sg-red);font-weight:700}.main-content{max-width:900px;margin:0 auto;width:100%;flex:1;display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--space-6)}.footer{text-align:center;padding:var(--space-2) var(--space-4);border-top:1px solid rgba(212,197,176,.3);background:#fff6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);flex-shrink:0}.footer p{font-size:var(--text-xs);color:var(--text-light);margin:0}@media (max-width: 768px){.hero-title{font-size:1.5rem;flex-direction:column;gap:var(--space-1)}.hero-description{font-size:var(--text-xs)}.hero{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}main{padding-top:var(--space-3);padding-bottom:var(--space-3)}.footer{padding:var(--space-2)}.footer p{font-size:.625rem}}@media (max-height: 768px){.hero{margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}main{padding-top:var(--space-3);padding-bottom:var(--space-2)}}.app:has(.about-container){max-height:none;overflow:visible}.app:has(.about-container) main{overflow:visible}.about-container{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4)}.about-hero{text-align:center;margin-bottom:var(--space-12);padding:var(--space-8) 0;border-bottom:3px solid var(--hawker-tan)}.about-title{font-size:var(--text-4xl);font-weight:900;color:var(--sg-red);margin-bottom:var(--space-4);line-height:1.2}.about-subtitle{font-size:var(--text-xl);color:var(--text-medium);max-width:700px;margin:0 auto;line-height:1.6}.about-content{display:flex;flex-direction:column;gap:var(--space-12)}.about-section{scroll-margin-top:var(--space-8)}.section-heading{font-size:var(--text-2xl);font-weight:800;color:var(--text-dark);margin-bottom:var(--space-6);padding-bottom:var(--space-3);border-bottom:2px solid var(--hawker-cream)}.about-section p{font-size:var(--text-base);line-height:1.8;color:var(--text-dark);margin-bottom:var(--space-4)}.about-section ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.about-section li{font-size:var(--text-base);line-height:1.8;color:var(--text-dark);margin-bottom:var(--space-3)}.about-section li strong{color:var(--sg-red);font-weight:700}.subsection{margin:var(--space-8) 0}.subsection-heading{font-size:var(--text-xl);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.example-box{background:var(--hawker-cream);border:2px solid var(--hawker-tan);border-radius:8px;padding:var(--space-6);margin:var(--space-6) 0}.example-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:var(--space-3)}.example-before,.example-after{margin:var(--space-3) 0;padding:var(--space-3);background:#fff;border-radius:6px;line-height:1.6}.example-before strong{color:var(--error)}.example-after strong{color:var(--sg-green-bright)}.callout-box{background:#4d7c2c1a;border-left:4px solid var(--sg-green-bright);padding:var(--space-4);margin:var(--space-6) 0;border-radius:4px}.callout-box strong{color:var(--sg-green-bright);font-weight:700}.principles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4);margin:var(--space-6) 0}.principle-card-about{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid var(--hawker-tan);border-radius:16px;padding:var(--space-6);text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.principle-card-about:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(229,25,55,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.principle-card-about:hover:before{opacity:1}.principle-card-about:hover{border-color:var(--sg-red);transform:translateY(-8px) rotate(-1deg);box-shadow:0 12px 32px #00000026}.principle-icon-large{font-size:3rem;margin-bottom:var(--space-3);display:inline-block;transition:transform .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1))}.principle-card-about:hover .principle-icon-large{transform:scale(1.2);animation:iconFloat 2s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:scale(1.2) translateY(0)}50%{transform:scale(1.2) translateY(-8px)}}.principle-card-about h4{font-size:var(--text-lg);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-2)}.principle-card-about p{font-size:var(--text-sm);color:var(--text-medium);margin:0}.methodology-note{background:var(--hawker-cream);padding:var(--space-4);border-radius:6px;margin-top:var(--space-4);font-size:var(--text-sm)}.methodology-note strong{color:var(--sg-red)}.formula-box{background:var(--hawker-brown);color:#fff;padding:var(--space-4);border-radius:6px;margin:var(--space-4) 0}.formula-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2);opacity:.9}.formula-box code{display:block;font-family:Courier New,monospace;font-size:var(--text-sm);line-height:1.6}.readability-spectrum{position:relative;margin:var(--space-8) 0;padding:var(--space-6);background:linear-gradient(135deg,#fafafa,#fff);border-radius:16px;box-shadow:0 4px 16px #00000014}.spectrum-title{font-size:var(--text-base);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-6);text-align:center}.spectrum-bar{display:flex;height:120px;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 8px #0000001a;margin-bottom:var(--space-8)}.spectrum-segment{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3);cursor:pointer;transition:all .3s ease;border-right:1px solid rgba(255,255,255,.3)}.spectrum-segment:last-child{border-right:none}.spectrum-segment.active{z-index:10;box-shadow:0 4px 16px #0003}.segment-score{font-size:var(--text-sm);font-weight:700;color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.3)}.segment-label{font-size:var(--text-xs);color:#ffffffe6;text-align:center;margin-top:var(--space-1);text-shadow:0 1px 2px rgba(0,0,0,.3)}.segment-tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);background:var(--hawker-brown);color:#fff;padding:var(--space-3) var(--space-4);border-radius:8px;min-width:200px;box-shadow:0 8px 24px #0003;z-index:20}.segment-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--hawker-brown)}.segment-tooltip strong{display:block;font-size:var(--text-sm);margin-bottom:var(--space-1)}.segment-tooltip p{font-size:var(--text-xs);margin:0;opacity:.9}.target-marker{position:absolute;bottom:-40px;transform:translate(-50%);text-align:center;z-index:15}.marker-pin{width:3px;height:50px;background:var(--sg-red);margin:0 auto;position:relative}.marker-pin:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:12px solid var(--sg-red)}.marker-label{margin-top:var(--space-2);background:var(--sg-red);color:#fff;padding:var(--space-2) var(--space-3);border-radius:20px;font-size:var(--text-xs);font-weight:700;white-space:nowrap;box-shadow:0 2px 8px #e519374d}.score-interpretation{margin:var(--space-6) 0}.score-interpretation h4{font-size:var(--text-base);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-3)}.score-table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;background:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}.score-table thead{background:var(--hawker-brown);color:#fff}.score-table th,.score-table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--hawker-cream)}.score-table th{font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.score-table td{font-size:var(--text-sm)}.score-table tbody tr:hover{background:var(--hawker-cream)}.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.audience-card{background:linear-gradient(135deg,#fff,#fafafa);border:2px solid var(--hawker-tan);border-radius:16px;padding:var(--space-6);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.audience-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--sg-red),var(--sg-green-bright));transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.audience-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(77,124,44,.08) 0%,transparent 70%);opacity:0;transition:opacity .4s ease;pointer-events:none}.audience-card:hover:before{transform:scaleX(1)}.audience-card:hover:after{opacity:1}.audience-card:hover{border-color:var(--sg-green-bright);transform:translateY(-8px);box-shadow:0 16px 48px #0000001f}.audience-icon{font-size:2.5rem;margin-bottom:var(--space-3);display:inline-block;transition:transform .3s ease;position:relative}.audience-card:hover .audience-icon{transform:scale(1.1) rotate(-5deg);animation:iconBounce .6s ease}@keyframes iconBounce{0%,to{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.2) rotate(5deg)}}.audience-card h3{font-size:var(--text-lg);font-weight:700;color:var(--text-dark);margin-bottom:var(--space-2)}.audience-card p{font-size:var(--text-sm);color:var(--text-medium);line-height:1.6;margin:0}.cta-section{position:relative;text-align:center;background:linear-gradient(135deg,#e5193714,#4d7c2c14);padding:var(--space-12) var(--space-8);border-radius:24px;border:3px solid var(--hawker-tan);overflow:hidden}.cta-section:before{content:"";position:absolute;width:200px;height:200px;background:var(--sg-red);border-radius:50%;top:-100px;left:-100px;opacity:.1;animation:floatShape1 20s ease-in-out infinite}.cta-section:after{content:"";position:absolute;width:150px;height:150px;background:var(--sg-green-bright);border-radius:50%;bottom:-75px;right:-75px;opacity:.1;animation:floatShape2 15s ease-in-out infinite}@keyframes floatShape1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes floatShape2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-30px,-30px) scale(1.2)}}.cta-section .section-heading{position:relative;z-index:1}.cta-text{font-size:var(--text-lg);max-width:700px;margin:0 auto var(--space-6) auto;line-height:1.8;position:relative;z-index:1}.btn-primary-about{display:inline-flex;align-items:center;gap:var(--space-3);background:linear-gradient(135deg,var(--sg-red) 0%,#c7163b 100%);color:#fff;padding:var(--space-5) var(--space-10);border-radius:50px;font-size:var(--text-xl);font-weight:800;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 24px #e519374d;position:relative;overflow:hidden;z-index:1}.btn-primary-about:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary-about:hover:before{left:100%}.btn-primary-about:hover{background:linear-gradient(135deg,var(--sg-green-bright) 0%,#5a9834 100%);transform:translateY(-4px) scale(1.05);box-shadow:0 16px 48px #4d7c2c66}.about-footer{text-align:center;margin-top:var(--space-12);padding-top:var(--space-8);border-top:2px solid var(--hawker-cream)}.about-footer p{font-size:var(--text-sm);color:var(--text-light);margin-bottom:var(--space-2)}.about-footer em{font-style:italic;color:var(--text-medium)}@media (max-width: 768px){.about-container{padding:var(--space-6) var(--space-3)}.about-title{font-size:var(--text-3xl)}.about-subtitle{font-size:var(--text-lg)}.section-heading{font-size:var(--text-xl)}.principles-grid,.audience-grid{grid-template-columns:1fr}.spectrum-bar{height:140px;flex-direction:column}.spectrum-segment{border-right:none;border-bottom:1px solid rgba(255,255,255,.3);padding:var(--space-2)}.spectrum-segment:last-child{border-bottom:none}.segment-tooltip{left:auto;right:0;transform:none;min-width:180px}.segment-tooltip:after{left:var(--space-4);transform:none}.target-marker{position:static;transform:none;margin-top:var(--space-4)}.marker-pin{display:none}.score-table{font-size:var(--text-xs)}.score-table th,.score-table td{padding:var(--space-2)}.btn-primary-about{font-size:var(--text-lg);padding:var(--space-4) var(--space-6);width:100%;max-width:300px}.cta-section{padding:var(--space-8) var(--space-4)}.cta-section:before,.cta-section:after{opacity:.05}.principle-card-about:hover,.audience-card:hover{transform:translateY(-4px)}}@media (hover: none) and (pointer: coarse){.principle-card-about:active{transform:translateY(-4px);border-color:var(--sg-red)}.audience-card:active{transform:translateY(-4px);border-color:var(--sg-green-bright)}.btn-primary-about:active{transform:translateY(-2px) scale(1.02)}.spectrum-segment:active{transform:scaleY(1.05)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--sg-red: #ED2939;--sg-red-dark: #C41E3A;--sg-red-light: #FF4D5A;--sg-green: #2D5016;--sg-green-bright: #4A7C2C;--hawker-cream: #F5F1E8;--hawker-tan: #D4C5B0;--hawker-brown: #8B7355;--text-dark: #1A1614;--text-medium: #4A4540;--text-light: #7A7570;--success: var(--sg-green-bright);--warning: #F59E0B;--error: var(--sg-red);--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.75rem;--text-2xl: 2.5rem;--text-3xl: 4rem;--text-4xl: 6rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-24: 6rem;--shadow-sm: 0 2px 4px rgba(26, 22, 20, .08);--shadow-md: 0 4px 12px rgba(26, 22, 20, .12);--shadow-lg: 0 8px 24px rgba(26, 22, 20, .16);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Crimson Pro,serif;font-weight:400;line-height:1.6;color:var(--text-dark);background:var(--hawker-cream);background-image:radial-gradient(circle at 20% 30%,rgba(237,41,57,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(77,124,44,.04) 0%,transparent 50%),linear-gradient(135deg,var(--hawker-cream) 0%,#FDFBF7 100%);background-attachment:fixed;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Crimson Pro,serif;font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--text-4xl);font-weight:200}h2{font-size:var(--text-2xl);font-weight:700}h3{font-size:var(--text-xl);font-weight:700}code,pre,.monospace{font-family:JetBrains Mono,monospace;font-weight:400}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.text-center{text-align:center}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}button{font-family:JetBrains Mono,monospace;font-weight:700;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;padding:var(--space-3) var(--space-6);border-radius:2px;transition:all var(--transition-base)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--sg-red);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--sg-red-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:transparent;color:var(--sg-red);border:2px solid var(--sg-red)}.btn-secondary:hover:not(:disabled){background:var(--sg-red);color:#fff}.btn-ghost{background:transparent;color:var(--text-medium);padding:var(--space-2) var(--space-4)}.btn-ghost:hover:not(:disabled){background:#1a16140d}textarea,input{font-family:Crimson Pro,serif;font-size:var(--text-lg);line-height:1.8;color:var(--text-dark);background:#fff;border:2px solid var(--hawker-tan);border-radius:4px;padding:var(--space-4);width:100%;transition:all var(--transition-base)}textarea:focus,input:focus{outline:none;border-color:var(--sg-red);box-shadow:0 0 0 3px #ed29391a}textarea::placeholder,input::placeholder{color:var(--text-light);font-style:italic}.card{background:#fff;border-radius:8px;padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid rgba(26,22,20,.08)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s ease-in-out infinite}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--hawker-cream)}::-webkit-scrollbar-thumb{background:var(--hawker-brown);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-medium)}