:root{--bg-dark:#0B0E14;--card-bg:rgba(255,255,255,0.05);--border:rgba(255,255,255,0.1);--primary:#47A1FF;--primary-glow:rgba(71,161,255,0.4);--unnatural:#A78BFF;--unnatural-glow:rgba(167,139,255,0.4);--unprofessional:#FF5E5E;--unprofessional-glow:rgba(255,94,94,0.4);--ambiguous:#FFB347;--ambiguous-glow:rgba(255,179,71,0.4);--text-main:#E2E8F0;--text-muted:#94A3B8}*{margin:0;padding:0;box-sizing:border-box;font-family:'Inter',system-ui,sans-serif}body{background:var(--bg-dark);color:var(--text-main);display:flex;height:100vh;overflow:hidden}.sidebar{width:320px;border-right:1px solid var(--border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem;background:linear-gradient(180deg,rgba(255,255,255,0.02) 0,rgba(255,255,255,0) 100%);overflow-y:auto;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}.logo h1{font-size:1.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(90deg,#47A1FF,#A78BFF);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.score-hud{display:flex;flex-direction:column;gap:1.2rem}.score-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem;backdrop-filter:blur(10px)}.score-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.score-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.score-value{font-weight:700;font-size:.9rem}.progress-bar{height:6px;background:rgba(255,255,255,.1);border-radius:3px;overflow:hidden}.progress-fill{height:100%;width:0;transition:width .5s cubic-bezier(.175,.885,.32,1.275)}#fill-naturalness{background:var(--unnatural);box-shadow:0 0 10px var(--unnatural-glow)}#fill-professionalism{background:var(--unprofessional);box-shadow:0 0 10px var(--unprofessional-glow)}#fill-clarity{background:var(--ambiguous);box-shadow:0 0 10px var(--ambiguous-glow)}#fill-humanity{background:linear-gradient(90deg, #47A1FF, #00FF94);box-shadow:0 0 10px rgba(0,255,148,0.3)}.main-container{flex:1;padding:4rem;overflow-y:auto;display:flex;flex-direction:column;align-items:center}.editor-wrapper{width:100%;max-width:800px;position:relative}#editor{width:100%;min-height:500px;outline:none;font-size:1.2rem;line-height:1.6;caret-color:var(--primary);white-space:pre-wrap;word-wrap:break-word}#editor:empty:before{content:attr(placeholder);color:var(--text-muted);cursor:text}.mark{position:relative;cursor:help;border-radius:4px;padding:1px 0;transition:background .3s}.mark-unnatural{border-bottom:2px solid var(--unnatural);background:rgba(167,139,255,.1)}.mark-unprofessional{border-bottom:2px solid var(--unprofessional);background:rgba(255,94,94,.1)}.mark-ambiguous{border-bottom:2px solid var(--ambiguous);background:rgba(255,179,71,.1)}.mark:hover{background:rgba(255,255,255,.15)}#tooltip{position:absolute;z-index:1000;background:rgba(20,24,31,.95);border:1px solid var(--border);border-radius:12px;padding:1rem;width:240px;box-shadow:0 10px 30px rgba(0,0,0,.5);backdrop-filter:blur(20px);pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(10px)}#tooltip.active{opacity:1;transform:translateY(0)}.tooltip-type{font-size:.65rem;text-transform:uppercase;font-weight:800;margin-bottom:.4rem;letter-spacing:.5px}.type-unnatural{color:var(--unnatural)}.type-unprofessional{color:var(--unprofessional)}.type-ambiguous{color:var(--ambiguous)}.tooltip-suggestion{font-size:.85rem;line-height:1.4}.divider{height:1px;background:var(--border);margin:1.5rem 0}.section-title{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:1rem}.tech-stats{display:flex;justify-content:space-around;gap:1rem;margin-bottom:2rem}.gauge-container{display:flex;flex-direction:column;align-items:center;width:80px}.circular-chart{width:60px;height:60px}.circle-bg{fill:none;stroke:rgba(255,255,255,.05);stroke-width:3}.circle{fill:none;stroke:var(--primary);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.gauge-label{margin-top:.5rem;text-align:center;display:flex;flex-direction:column}.gauge-label span{font-weight:700;font-size:.85rem}.gauge-label small{font-size:.55rem;color:var(--text-muted);text-transform:uppercase}.pacing-container{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1rem}#pacing-arc{width:100%;height:60px;margin-top:.5rem;overflow:visible}#pacing-path{transition:d .5s ease;filter:drop-shadow(0 0 5px var(--primary-glow))}.sentence{transition:background-color .4s;border-radius:4px}.heatmap-on .sentence-med{background:rgba(255,179,71,.1)}.heatmap-on .sentence-high{background:rgba(255,94,94,.15);border-left:2px solid var(--unprofessional)}.mode-toggle{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:var(--card-bg);padding:.75rem 1rem;border-radius:12px;border:1px solid var(--border)}.switch{position:relative;display:inline-block;width:34px;height:18px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);transition:.4s}.slider:before{position:absolute;content:"";height:12px;width:12px;left:3px;bottom:3px;background:#fff;transition:.4s}input:checked+.slider{background:var(--primary)}input:checked+.slider:before{transform:translateX(16px)}.slider.round{border-radius:18px}.slider.round:before{border-radius:50%}.status-indicator{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem}.dot{width:8px;height:8px;border-radius:50%;background:#555;transition:background .3s}.engine-ready .dot{background:#00FF94;box-shadow:0 0 10px rgba(0,255,148,.4)}.status-indicator.analyzing .dot{background:#FFB347;box-shadow:0 0 12px rgba(255,179,71,.6);animation:status-pulse .8s infinite alternate}.status-indicator.fatigue .dot{background:#FFD700;box-shadow:0 0 12px rgba(255,215,0,.6)}.status-indicator.substance .dot{background:#A78BFF;box-shadow:0 0 12px rgba(167,139,255,.6)}.status-indicator.humanity .dot{background:#47A1FF;box-shadow:0 0 12px rgba(71,161,255,.6)}.status-indicator.error .dot{background:#FF5E5E;box-shadow:0 0 12px rgba(255,94,94,.6)}@keyframes status-pulse{from{transform:scale(1);opacity:.4}to{transform:scale(1.2);opacity:1}}.arc-segment-clickable{cursor:pointer;transition:stroke-width 0.2s}.arc-segment-clickable:hover{stroke-width:4}svg#pacing-arc{overflow:visible!important}.sentence-jump-target{animation:jump-flash 2.5s ease-out}@keyframes jump-flash{0%{background:rgba(255,255,255,0.2);box-shadow:0 0 15px rgba(255,255,255,0.2)}50%{background:rgba(71,161,255,0.1)}100%{background:transparent}}
