:root{--background:#fff;--foreground:#171717;--primary:#6100ff;--primary-foreground:#fff;--secondary:#f3f4f6;--secondary-foreground:#111827;--muted:#f3f4f6;--muted-foreground:#6b7280;--accent:#f3f4f6;--accent-foreground:#111827;--border:#e5e7eb;--input:#e5e7eb;--ring:#3b82f6;--destructive:#ef4444;--destructive-foreground:#fff;--radius:.5rem}
.dark{--background:#000;--foreground:#ededed;--primary:#6100ff;--primary-foreground:#fff;--secondary:#1f2937;--secondary-foreground:#f9fafb;--muted:#1f2937;--muted-foreground:#9ca3af;--accent:#1f2937;--accent-foreground:#f9fafb;--border:#374151;--input:#374151;--ring:#3b82f6;--destructive:#ef4444;--destructive-foreground:#fff;--radius:.5rem}

:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--spacing-fluid-sm:clamp(.5rem,1vw + .25rem,1rem);--spacing-fluid-md:clamp(1rem,2vw + .5rem,2rem);--spacing-fluid-lg:clamp(1.5rem,3vw + .75rem,3.5rem)}@media (min-width:768px){:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem}}@media (min-width:1280px){:root{--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2.5rem;--spacing-2xl:4rem;--spacing-3xl:6rem}}
:root{--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem}@media (min-width:768px){:root{--font-size-base:1.125rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:3rem;--font-size-5xl:3.75rem}}@media (min-width:1024px){:root{--font-size-base:1.25rem;--font-size-4xl:3.5rem;--font-size-5xl:4.5rem}}

.prose-hone{overflow-wrap:anywhere;word-wrap:break-word;word-break:break-word;width:100%;min-width:0;max-width:100%;overflow-x:hidden}.prose-hone h2{font-size:var(--font-size-3xl);letter-spacing:-.02em;margin-bottom:var(--spacing-lg);color:var(--foreground);font-weight:800}.prose-hone h3{font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md);color:var(--primary);font-weight:700}.prose-hone p{margin-bottom:var(--spacing-lg);color:var(--muted-foreground);line-height:1.6;font-size:var(--font-size-base)}.prose-hone code{color:var(--primary);border-radius:var(--radius);font-family:inherit;font-size:.9em;font-weight:600}.prose-hone pre{background:var(--background);padding:var(--spacing-xl);border-radius:var(--radius);margin:var(--spacing-xl)0;border:1px solid var(--border);line-height:1.6;overflow-x:auto}.prose-hone pre code{color:var(--foreground);white-space:pre-wrap;background:0 0;padding:0;font-weight:400}.prose-hone ul{margin-bottom:var(--spacing-lg);padding:0;list-style:none}.prose-hone li{padding-left:var(--spacing-xl);margin-bottom:var(--spacing-sm);color:var(--muted-foreground);position:relative}.prose-hone li:before{content:"→";color:var(--primary);font-weight:700;position:absolute;left:0}.prose-hone--small p{font-size:var(--font-size-sm);line-height:1.6}.prose-hone--small h2{font-size:var(--font-size-xl);margin-top:var(--spacing-xl)}
.token.comment{color:#6a737d;font-style:italic}.token.punctuation{color:#8b949e}.token.property,.token.tag,.token.boolean,.token.number{color:#79c0ff}.token.string{color:#a5d6ff}.token.keyword{color:#ff7b72;font-weight:600}.token.function{color:#d2a8ff}.token.operator{color:#ff7b72}.token.class-name{color:#ffa657}.token.regex,.token.important,.token.variable{color:#79c0ff}.token.attr-name{color:#ffa657}.token.selector{color:#7ee787}
:root{--primary-rgb:97,0,255}:is(.main:has(.hone-home),.main:has(.hone-app),.main:has(.hone-upgrade),.main:has(.hone-privacy),.main:has(.hone-terms)){justify-content:flex-start;height:0;min-height:0;padding:0}.root:has(.hone-app){overflow:hidden}.hone-home{max-width:1200px;padding:var(--spacing-lg);gap:var(--spacing-lg);flex-direction:column;width:100%;margin:0 auto;display:flex}@media (max-width:768px){.hone-home{gap:4rem}}.hone-app{gap:var(--spacing-lg);width:100%;max-width:1980px;height:100%;padding:var(--spacing-lg);box-sizing:border-box;flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.hone-app__content{gap:var(--spacing-sm);flex:1;grid-template-columns:1.1fr 1.2fr .95fr;min-height:0;display:grid}@media (max-width:1200px){.hone-app__content{grid-template-columns:1fr 1fr}}@media (max-width:1024px){.hone-app__content{grid-template-columns:1fr;overflow-y:auto}.hone-app{overflow-y:auto}}.hone-app__panel{border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.hone-app__panel--editor{background:var(--background);border:solid 1px var(--border)}.hone-app__panel--feedback{background:0 0;border:none}.hone-app__instructions,.hone-app__feedback-container{padding:var(--spacing-xl);flex:1;overflow-y:auto}.hone-app__footer{padding:var(--spacing-lg)var(--spacing-xl);background:#ffffff05;border-top:1px solid #ffffff0f}.hone-app__submit-btn{text-transform:uppercase;letter-spacing:.2em;border-radius:.75rem;width:100%;height:3.5rem;font-size:10px;font-weight:900}.editor-toolbar{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.editor-toolbar__controls{gap:.5rem;display:flex}.editor-toolbar__dot{border-radius:50%;width:.625rem;height:.625rem}.editor-toolbar__dot--red{background:#ef444433;border:1px solid #ef44441a}.editor-toolbar__dot--yellow{background:#eab30833;border:1px solid #eab3081a}.editor-toolbar__dot--green{background:#22c55e33;border:1px solid #22c55e1a}.editor-toolbar__filename{opacity:.4;font-family:monospace;font-size:.75rem}.feedback-result{flex-direction:column;height:100%;animation:.7s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex}.feedback-result__body{flex:1}.feedback-result__next-btn{width:100%;margin-top:2rem}.feedback-status{padding:var(--spacing-md);border-radius:var(--radius);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:.1em;text-align:center;font-size:10px;font-weight:800}.feedback-status--passed{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.feedback-status--failed{color:#ef4444;background:#ef2c2c1a;border:1px solid #ef2c2c33}.guidance-container{flex-direction:column;height:100%;display:flex}.guidance-layout{height:100%}.guidance-hint{gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius);background:#ffffff05;border:1px solid #ffffff0d;flex-direction:column;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInTop;display:flex}.guidance-hint--critical{background:linear-gradient(135deg,#ef44440d 0%,#ffffff05 100%);border-color:#ef44444d}.guidance-hint--critical .guidance-hint__label{color:#ef4444}.guidance-hint__header{padding-bottom:var(--spacing-sm);border-bottom:1px solid #ffffff08;align-items:center;gap:.625rem;display:flex}.guidance-hint__label{text-transform:uppercase;letter-spacing:.15em;color:var(--primary);font-size:10px;font-weight:800}.guidance-hint__section{gap:var(--spacing-xs);flex-direction:column;display:flex}.guidance-hint__section-label{text-transform:uppercase;letter-spacing:.1em;opacity:.4;font-size:9px;font-weight:700}.guidance-hint__section--correction{padding-top:var(--spacing-md);border-top:1px solid #ffffff08}.guidance-hint__content{color:var(--foreground);font-size:.9375rem;line-height:1.7}.guidance-hint__footer{margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid #ffffff08;align-items:center;gap:.75rem;display:flex}.guidance-hint__status{text-transform:uppercase;letter-spacing:.1em;opacity:.3;font-size:9px;font-weight:700}.guidance-hint__pulse{background:var(--primary);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-small}.guidance-hint--critical .guidance-hint__pulse{background:#ef4444}@keyframes pulse-small{0%{box-shadow:0 0 0 0 rgba(var(--primary-rgb),.7);transform:scale(.95)}70%{box-shadow:0 0 0 6px rgba(var(--primary-rgb),0);transform:scale(1)}to{box-shadow:0 0 0 0 rgba(var(--primary-rgb),0);transform:scale(.95)}}.feedback-empty{justify-content:center;align-items:center;height:100%;display:flex}.feedback-empty__content{align-items:center;gap:var(--spacing-lg);opacity:.15;flex-direction:column;display:flex}.feedback-empty__icon{animation:4s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.feedback-empty__text{text-align:center;letter-spacing:.05em;text-transform:uppercase;font-size:.8125rem;font-weight:600}.focus-monitor{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);border-radius:var(--radius);background:#ffffff08;border:1px solid #ffffff0d;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideInTop}.focus-monitor--flow{background:linear-gradient(135deg,#facc150d 0%,#ffffff05 100%);border-color:#facc1533}.focus-monitor--struggling{background:linear-gradient(135deg,#fb923c0d 0%,#ffffff05 100%);border-color:#fb923c33}.focus-monitor--distracted{background:linear-gradient(135deg,#60a5fa0d 0%,#ffffff05 100%);border-color:#60a5fa33}.focus-monitor--deep_thought{background:linear-gradient(135deg,#c084fc0d 0%,#ffffff05 100%);border-color:#c084fc33}.focus-monitor__header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.focus-monitor__state{align-items:center;gap:.5rem;display:flex}.focus-monitor__label{text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:10px;font-weight:800}.focus-monitor__score{align-items:center;gap:.75rem;display:flex}.focus-monitor__score-value{font-size:10px;font-weight:900;font-family:var(--font-mono)}.focus-monitor__score-bar{background:#ffffff0d;border-radius:2px;width:60px;height:4px;overflow:hidden}.focus-monitor__score-fill{background:var(--primary);border-radius:2px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.focus-monitor__suggestion{color:var(--muted-foreground);margin:0;font-size:.8125rem;font-weight:500;line-height:1.5}@keyframes slideInRight{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.editor-container{background:var(--background);flex:1;position:relative;overflow:hidden}