:root{color-scheme:light dark;--font-ui: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-poem: "Literata", Georgia, "Times New Roman", serif;--font-metric: "IBM Plex Mono", ui-monospace, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 10px;--shadow-1: 0 3px 14px color-mix(in srgb, #000 5%, transparent);--shadow-2: 0 4px 18px color-mix(in srgb, #000 10%, transparent);--shadow-3: 0 10px 38px color-mix(in srgb, #000 30%, transparent);--focus-ring: 2px solid var(--accent);--btn-height-sm: 2.35rem;--btn-height-md: 2.55rem;--btn-height-lg: 2.8rem;--bg: #090f08;--surface: #182619;--surface-2: #213021;--surface-elevated: color-mix(in srgb, var(--surface) 86%, var(--bg));--border: #283a28;--hairline: color-mix(in srgb, var(--muted) 38%, var(--border));--text: #dde5de;--muted: #98ae9a;--accent: #68aa6e;--accent-soft: color-mix(in srgb, var(--accent) 22%, transparent);--selection-bg: color-mix(in srgb, var(--accent) 32%, var(--surface));--selection-fg: var(--text);--danger: #f08088;--ai-score-high: #5fba7d;--ai-score-mid: #e6a817;--ai-score-low: #d95f5f;--net-line: rgba(200, 230, 215, .032);--ambient-a: rgba(55, 145, 125, .034);--ambient-b: rgba(40, 95, 78, .028);--ambient-c: rgba(75, 135, 120, .025);--ambient-d: rgba(100, 165, 145, .021);--shine-top: rgba(170, 220, 200, .028);--shine-mid: rgba(90, 150, 130, .018);--grain-opacity: .032;--after-blend: screen;--after-opacity: .3;--after-animation: studio-light 360s ease-in-out infinite alternate;--after-zenith-top: var(--shine-top);--after-zenith-mid: var(--shine-mid);font-family:var(--font-ui);line-height:1.55}@media(prefers-color-scheme:light){:root{--bg: #f2f4f0;--surface: #ffffff;--surface-2: #e3e7de;--surface-elevated: color-mix(in srgb, var(--surface) 92%, #fff);--border: #d8ddd9;--hairline: color-mix(in srgb, var(--muted) 30%, var(--border));--text: #20291f;--muted: #5a6b60;--accent: #3e6b47;--selection-bg: color-mix(in srgb, var(--accent) 16%, #dce6de);--selection-fg: var(--text);--danger: #b42318;--ai-score-high: #2d8a4e;--ai-score-mid: #b07800;--ai-score-low: #c0392b;--net-line: rgba(45, 75, 58, .038);--ambient-a: rgba(70, 155, 125, .04);--ambient-b: rgba(55, 110, 90, .032);--ambient-c: rgba(95, 165, 135, .028);--ambient-d: rgba(120, 190, 155, .024);--shine-top: rgba(255, 255, 255, .28);--shine-mid: rgba(100, 170, 135, .026);--shadow-1: 0 2px 10px color-mix(in srgb, #000 3%, transparent);--shadow-2: 0 3px 12px color-mix(in srgb, #000 4%, transparent);--shadow-3: 0 12px 40px color-mix(in srgb, #000 24%, transparent);--after-blend: multiply;--after-opacity: .16;--after-animation: studio-light-soft 216s ease-in-out infinite alternate}}*{box-sizing:border-box}.app-loading-shell{position:fixed;inset:0;background:var(--bg)}html{min-height:100%;font-size:17.5px;overflow-x:hidden}@media(max-width:899px){html[data-app-view=workshop],html[data-app-view=workshop] body{height:100%;overflow:hidden;overscroll-behavior:none}}html:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.68' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:220px 220px;opacity:var(--grain-opacity);mix-blend-mode:overlay}html:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:0;transition:opacity .6s ease}html[data-backdrop-motion=off]:after,html[data-backdrop-power=very-low]:after{opacity:0!important;animation:none!important}html[data-backdrop-power=low]:after{opacity:.5!important}@media(prefers-reduced-motion:reduce){html:after{animation:none!important}}body{margin:0;min-height:100vh;position:relative;isolation:isolate;background-color:var(--bg);color:var(--text);font-family:var(--font-ui);scrollbar-color:color-mix(in srgb,var(--border) 28%,var(--bg)) var(--bg);scrollbar-width:thin}html[data-backdrop-adjusted] body:before,html[data-backdrop-adjusted] body:after{filter:saturate(var(--backdrop-saturation, 100%)) brightness(var(--backdrop-brightness, 100%)) contrast(var(--backdrop-contrast, 100%))}html[data-panel-adjusted] .editor-panel,html[data-panel-adjusted] .workshop-rail,html[data-panel-adjusted] .tools-scroll-body,html[data-panel-adjusted] .mob-tabbar{filter:saturate(var(--panel-saturation, 100%)) brightness(var(--panel-brightness, 100%)) contrast(var(--panel-contrast, 100%))}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:var(--bg)}body::-webkit-scrollbar-thumb{border-radius:999px;background:color-mix(in srgb,var(--border) 28%,var(--bg));border:1px solid var(--bg);background-clip:padding-box}body::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--border) 55%,var(--bg));border:1px solid var(--bg);background-clip:padding-box}::selection{background:var(--selection-bg);color:var(--selection-fg)}::-moz-selection{background:var(--selection-bg);color:var(--selection-fg)}body:before,body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;width:100lvw;height:100lvh;pointer-events:none;z-index:-1}body:before{will-change:transform;transform:scale(1.04);transition:opacity .45s ease}html.theme-switching body:before,html.theme-switching body:after{opacity:0!important;animation:none!important;transition:opacity .2s ease!important}@media(prefers-reduced-motion:reduce){body:before{transition:none}html.theme-switching body:before,html.theme-switching body:after{transition:none!important}}@media(hover:none)and (pointer:coarse){body:before{filter:none;animation:none!important}body:after{animation:none!important}}body:after{will-change:opacity;transform:translateZ(0)}body:before{background-image:radial-gradient(ellipse 120% 100% at 14% 28%,var(--ambient-a),transparent 72%),radial-gradient(ellipse 100% 90% at 88% 22%,var(--ambient-b),transparent 70%),radial-gradient(ellipse 130% 110% at 50% 92%,var(--ambient-c),transparent 76%),radial-gradient(ellipse 95% 85% at 72% 62%,var(--ambient-d),transparent 68%);background-size:160% 160%,155% 155%,170% 170%,150% 150%;background-position:0% 0%,100% 0%,50% 100%,75% 55%;animation:ambient-drift 720s ease-in-out infinite alternate}body:after{background:radial-gradient(95% 55% at 50% -12%,var(--after-zenith-top),var(--after-zenith-mid) 38%,transparent 68%);animation:var(--after-animation);mix-blend-mode:var(--after-blend);opacity:var(--after-opacity)}@keyframes ambient-drift{0%{transform:scale(1.04) translate(-1.5%,-.8%)}50%{transform:scale(1.04) translate(1.2%,.7%)}to{transform:scale(1.04) translate(.3%,.2%)}}@keyframes ember-drift{0%,to{transform:scale(1.04) translate(-1.5%,-.9%)}50%{transform:scale(1.04) translate(1.5%,.9%)}}@keyframes ocean-drift{0%,to{transform:scale(1.04) translate(-2%,-1%)}50%{transform:scale(1.04) translate(2%,1%)}}@keyframes aurora-pulse{0%{transform:scale(1.04) translate(-1.8%,-.8%)}25%{transform:scale(1.04) translate(1.6%,.4%)}50%{transform:scale(1.04) translate(-.4%,1%)}75%{transform:scale(1.04) translate(1.2%,-.5%)}to{transform:scale(1.04) translate(-1.8%,-.8%)}}@keyframes aurora-shimmer{0%{opacity:.28}20%{opacity:.38}40%{opacity:.3}60%{opacity:.44}80%{opacity:.35}to{opacity:.28}}html:before,html:after,body:before,body:after{animation-timing-function:steps(120,end)!important}html[data-workshop-bg=autumn]:after,html[data-workshop-bg=winter]:after,html[data-workshop-bg=spring]:after,html[data-workshop-bg=summer]:after{animation-timing-function:linear!important;will-change:transform}html[data-backdrop-motion=off] body:before,html[data-backdrop-motion=off] body:after{animation:none!important}html:has(.overlay) body:before,html:has(.overlay) body:after,html:has(.spotlight-overlay) body:before,html:has(.spotlight-overlay) body:after{animation-play-state:paused}html[data-backdrop-power=low]{--grain-opacity: .024;--after-opacity: .22}html[data-backdrop-power=very-low]{--grain-opacity: .018;--after-opacity: .14;--after-animation: none}html[data-backdrop-power=low] body:before{opacity:.88}html[data-backdrop-power=very-low] body:before{opacity:.75;animation:none!important}@keyframes studio-light{0%{opacity:.32}to{opacity:.42}}@keyframes studio-light-soft{0%{opacity:.18}to{opacity:.26}}@keyframes firefly-glow{0%,30%,70%,to{opacity:0}48%,52%{opacity:1}}@keyframes snow-settle{0%{transform:scale(1.06) translate(-2%,-2.5%)}to{transform:scale(1.06) translate(1.5%,2.5%)}}@keyframes ripple-breathe{0%,to{opacity:.15}50%{opacity:.38}}@keyframes candle-breathe{0%{opacity:.36}30%{opacity:.44}60%{opacity:.38}80%{opacity:.42}to{opacity:.36}}html[data-writing-focus-v2] body:before{opacity:.48}html[data-writing-focus-v2] body:after{opacity:.12!important;animation:none!important}@media(prefers-color-scheme:light){html[data-writing-focus-v2] body:after{opacity:.06!important}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none!important}body:before{transform:scale(1.04)}body:after{opacity:.42}}@media(prefers-color-scheme:light)and (prefers-reduced-motion:reduce){body:after{opacity:.38}}#root{max-width:2200px;margin:0 auto;padding:1.1rem 1.05rem 2.5rem;position:relative}@media(min-width:900px){#root{padding-left:0;padding-right:0}}html[data-app-view=landing] #root{max-width:none;padding-left:0;padding-right:0}@media(max-width:899px){html[data-app-view=workshop] #root{height:100%;overflow:hidden;padding:0;max-width:100%;display:flex;flex-direction:column}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100%;left:.75rem;z-index:9999;padding:.5rem 1rem;border-radius:0 0 8px 8px;background:var(--accent);color:var(--bg);font-weight:700;font-size:.9rem;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:0;outline:2px solid var(--bg);outline-offset:2px}html[data-poem-font=literata]{--font-poem: "Literata", Georgia, "Times New Roman", serif}html[data-poem-font=spectral]{--font-poem: "Spectral", Georgia, serif}html[data-poem-font=lora]{--font-poem: "Lora", Georgia, serif}html[data-poem-font=crimson-pro]{--font-poem: "Crimson Pro", Georgia, serif}html[data-poem-font=source-serif]{--font-poem: "Source Serif 4", Georgia, serif}html[data-poem-font=eb-garamond]{--font-poem: "EB Garamond", Georgia, serif}html[data-poem-font=playfair]{--font-poem: "Playfair Display", Georgia, serif}html[data-poem-font=cormorant]{--font-poem: "Cormorant Garamond", Georgia, serif}html[data-poem-font=merriweather]{--font-poem: "Merriweather", Georgia, serif}html[data-poem-font=alegreya]{--font-poem: "Alegreya", Georgia, serif}html[data-poem-font=dm-serif]{--font-poem: "DM Serif Display", Georgia, serif}html[data-poem-font=libre-baskerville]{--font-poem: "Libre Baskerville", Georgia, serif}html[data-ui-font=dm-sans]{--font-ui: "DM Sans", "Segoe UI", system-ui, sans-serif}html[data-ui-font=source-sans]{--font-ui: "Source Sans 3", "Segoe UI", system-ui, sans-serif}html[data-ui-font=inter]{--font-ui: "Inter", "Segoe UI", system-ui, sans-serif}html[data-ui-font=nunito]{--font-ui: "Nunito", "Segoe UI", system-ui, sans-serif}html[data-ui-font=system]{--font-ui: system-ui, "Segoe UI", sans-serif}:root{--poem-font-size: 1rem;--poem-font-weight: 400;--poem-text-decoration: none}@media(prefers-reduced-motion:reduce){html[data-workshop-bg] body:before{animation:none!important}}body.tab-hidden,body.tab-hidden *,body.tab-hidden *:before,body.tab-hidden *:after{animation-play-state:paused!important}@media(hover:none)and (pointer:coarse)and (max-width:899px){html:after,body:before,body:after{animation:none!important}}@media(hover:none)and (pointer:coarse){html.is-editor-typing[data-workshop-bg] body:before,html.is-editor-typing[data-workshop-bg] body:after{animation-play-state:paused}}@media(hover:none)and (pointer:coarse)and (max-width:899px){html:before{content:none}}html[data-backdrop-power=very-low] .topbar,html[data-backdrop-power=very-low] .drawer,html[data-backdrop-power=very-low] .modal,html[data-backdrop-power=very-low] .tools-sticky-head{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:color-mix(in srgb,var(--surface) 96%,var(--bg))!important}html[data-backdrop-power=very-low] body:before{filter:none!important;transform:none!important;animation:none!important;will-change:auto!important}html[data-backdrop-power=very-low]:before{opacity:0!important}html[data-backdrop-power=very-low] .landing-bg-aurora{filter:blur(60px)!important;opacity:.22!important;transform:none!important;will-change:auto!important}html[data-backdrop-power=very-low] body.tab-hidden *,html[data-backdrop-power=very-low] body.tab-hidden *:before,html[data-backdrop-power=very-low] body.tab-hidden *:after{transition:none!important}
