:root{color-scheme:light dark;--bg: #eef1f6;--surface: #ffffff;--surface-2: #eceef1;--border: #d8dce2;--text: #1c2330;--text-muted: #5a6473;--accent: #2f6fed;--accent-contrast: #ffffff;--accent-soft: rgba(47, 111, 237, .12);--success: #1f9d55;--error: #d6453d;--shadow: 0 10px 30px rgba(18, 26, 41, .08);--glass-bg: rgba(255, 255, 255, .55);--glass-bg-strong: rgba(255, 255, 255, .78);--glass-border: rgba(255, 255, 255, .7);--glass-highlight: rgba(255, 255, 255, .85);--glass-blur: 20px;--glass-filter: blur(var(--glass-blur)) saturate(180%) brightness(1.06) contrast(1.02);--glass-shadow: 0 8px 24px rgba(18, 26, 41, .12), 0 2px 6px rgba(18, 26, 41, .06);--glass-shadow-lg: 0 1px 1px rgba(255, 255, 255, .5) inset, 0 18px 50px -12px rgba(18, 26, 41, .28), 0 8px 20px -8px rgba(18, 26, 41, .18);--accent-glass: rgba(47, 111, 237, .82);--accent-glass-strong: rgba(47, 111, 237, .95);--glass-rim: linear-gradient( 135deg, rgba(255, 255, 255, .95) 0%, rgba(255, 255, 255, .35) 26%, rgba(255, 255, 255, 0) 48%, rgba(18, 26, 41, 0) 60%, rgba(18, 26, 41, .12) 100% );--glass-sheen: rgba(255, 255, 255, .55);--glass-inner-glow: rgba(255, 255, 255, .6);--mx: 50%;--my: 50%;--pointer: 0;--blob-1: rgba(99, 152, 255, .42);--blob-2: rgba(126, 110, 245, .34);--blob-3: rgba(64, 196, 198, .32);--blob-4: rgba(255, 122, 182, .24);--blob-5: rgba(120, 220, 180, .22);--radius: 20px;--radius-sm: 14px;--radius-pill: 999px;--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-ios: cubic-bezier(.32, .72, 0, 1);--ease-out-ios: cubic-bezier(.16, 1, .3, 1);--mono: "SFMono-Regular", "Consolas", "Liberation Mono", "Menlo", monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}[data-theme=dark]{--bg: #0c0f16;--surface: #1a2029;--surface-2: #222a35;--border: #2c3644;--text: #e7ecf3;--text-muted: #97a2b2;--accent: #5b8def;--accent-contrast: #0c1018;--accent-soft: rgba(91, 141, 239, .18);--success: #46c47c;--error: #f0746b;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--glass-bg: rgba(26, 32, 41, .45);--glass-bg-strong: rgba(40, 49, 63, .7);--glass-border: rgba(255, 255, 255, .12);--glass-highlight: rgba(255, 255, 255, .18);--glass-shadow: 0 12px 32px rgba(0, 0, 0, .5), 0 2px 8px rgba(0, 0, 0, .35);--glass-shadow-lg: 0 1px 1px rgba(255, 255, 255, .12) inset, 0 20px 56px -12px rgba(0, 0, 0, .66), 0 8px 22px -8px rgba(0, 0, 0, .5);--accent-glass: rgba(91, 141, 239, .8);--accent-glass-strong: rgba(91, 141, 239, .92);--glass-rim: linear-gradient( 135deg, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .16) 26%, rgba(255, 255, 255, 0) 48%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, .4) 100% );--glass-sheen: rgba(168, 198, 255, .4);--glass-inner-glow: rgba(255, 255, 255, .16);--blob-1: rgba(64, 104, 200, .46);--blob-2: rgba(108, 84, 220, .4);--blob-3: rgba(40, 150, 160, .34);--blob-4: rgba(190, 70, 140, .3);--blob-5: rgba(40, 160, 120, .26)}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}.button,.icon-button,.mode-option,.toast{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none;background:var(--bg)}.ambient:before,.ambient:after{content:"";position:absolute;top:-15%;right:-15%;bottom:-15%;left:-15%;pointer-events:none}.ambient:before{background:radial-gradient(42rem 42rem at 12% 18%,var(--blob-1),transparent 60%),radial-gradient(38rem 38rem at 88% 22%,var(--blob-2),transparent 60%),radial-gradient(46rem 46rem at 50% 96%,var(--blob-3),transparent 62%);animation:ambient-drift 34s ease-in-out infinite alternate}.ambient:after{background:radial-gradient(30rem 30rem at 78% 72%,var(--blob-4),transparent 64%),radial-gradient(34rem 34rem at 22% 80%,var(--blob-5),transparent 64%);animation:ambient-drift-alt 47s ease-in-out infinite alternate}.ambient-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.04;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}[data-theme=dark] .ambient-grain{opacity:.07;mix-blend-mode:soft-light}@keyframes ambient-drift{0%{transform:translate3d(-2%,-1%,0) scale(1.05) rotate(0)}to{transform:translate3d(2%,1.5%,0) scale(1.12) rotate(2deg)}}@keyframes ambient-drift-alt{0%{transform:translate3d(2%,2%,0) scale(1.1) rotate(0)}to{transform:translate3d(-3%,-1.5%,0) scale(1.04) rotate(-3deg)}}[data-glass]{position:relative;isolation:isolate}[data-glass]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:var(--glass-rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:3}.icon-button:before,.button:before,.toast:before,.editor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my),var(--glass-sheen),transparent 42%);opacity:calc(var(--pointer) * .5);transition:opacity .3s var(--ease-out-ios);pointer-events:none;z-index:1;mix-blend-mode:screen}[data-theme=dark] :is(.icon-button,.button,.toast,.editor):before{opacity:calc(var(--pointer) * .6)}.editor:before{z-index:0;opacity:calc(var(--pointer) * .35)}.glass-ripple{position:absolute;top:var(--ry, 50%);left:var(--rx, 50%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:radial-gradient(circle,var(--glass-sheen),transparent 70%);pointer-events:none;z-index:2;opacity:.55;animation:glass-ripple .6s var(--ease-out-ios) forwards}@keyframes glass-ripple{0%{transform:scale(.3);opacity:.55}to{transform:scale(14);opacity:0}}.app{max-width:960px;margin:0 auto;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,4vw,2rem) 2rem;display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.app-title{margin:0;font-size:clamp(1.5rem,4vw,2rem);font-weight:700;letter-spacing:-.02em}.app-subtitle{margin:.25rem 0 1.25rem;color:var(--text-muted);font-size:.95rem}.app-subtitle strong{color:var(--text);font-weight:600}.icon-button{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);color:var(--text);cursor:pointer;overflow:hidden;transition:background .15s ease,transform .3s var(--ease-spring),border-color .15s ease,box-shadow .15s ease}.icon-button:hover{background:var(--glass-bg-strong)}.icon-button:active{transform:scale(.88);box-shadow:var(--glass-shadow),inset 0 2px 6px #121a2938,inset 0 1px 0 var(--glass-highlight);transition-duration:.08s}.theme-icon{width:20px;height:20px;background:currentColor;transition:transform .4s var(--ease-spring);-webkit-mask:center / contain no-repeat;mask:center / contain no-repeat;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E")}[data-theme=dark] .theme-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M6.5 17.5L5 19'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 2v2M12 20v2M2 12h2M20 12h2M5 5l1.5 1.5M17.5 17.5L19 19M19 5l-1.5 1.5M6.5 17.5L5 19'/%3E%3C/svg%3E")}.icon-button.is-toggling .theme-icon{transform:rotate(180deg) scale(0)}.toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:.85rem}.mode-toggle{position:relative;display:inline-flex;margin:0;padding:4px;border:1px solid var(--glass-border);border-radius:var(--radius-pill);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}.mode-toggle:before{content:"";position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:var(--radius-pill);background:var(--glass-bg-strong);box-shadow:0 2px 8px #121a2929,inset 0 1px 0 var(--glass-highlight);translate:0 0;transition:translate .34s var(--ease-ios);pointer-events:none;z-index:0}.mode-toggle:has(.mode-option:last-child input:checked):before{translate:100% 0}.mode-toggle.is-sliding:before{animation:thumb-stretch .34s var(--ease-ios)}@keyframes thumb-stretch{0%,to{scale:1 1}45%{scale:1.16 .84}}.mode-option{position:relative;flex:1;text-align:center;cursor:pointer}.mode-option input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.mode-option span{position:relative;z-index:1;display:block;padding:.4rem 1rem;border-radius:var(--radius-pill);font-size:.9rem;font-weight:600;color:var(--text-muted);transition:color .2s var(--ease-ios)}.mode-option input:checked+span{color:var(--text)}.mode-option input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.actions{display:flex;flex-wrap:wrap;gap:.5rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--accent-glass-strong);background:var(--accent-glass);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow),inset 0 1px #fff6;color:var(--accent-contrast);font:inherit;font-size:.9rem;font-weight:600;padding:.5rem 1.1rem;border-radius:var(--radius-pill);cursor:pointer;overflow:hidden;transition:filter .15s ease,transform .22s var(--ease-spring),background .15s ease,box-shadow .15s ease,opacity .15s ease}.button:hover:not(:disabled){background:var(--accent-glass-strong);filter:brightness(1.05)}.button:active:not(:disabled){transform:scale(.95) translateY(1px);box-shadow:var(--glass-shadow),inset 0 2px 6px #121a2947,inset 0 1px #fff6;transition-duration:.08s}.button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button:disabled{opacity:.45;cursor:not-allowed}.button-ghost{background:var(--glass-bg);color:var(--text);border-color:var(--glass-border);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight)}.button-ghost:hover:not(:disabled){background:var(--glass-bg-strong);filter:none}.editor{position:relative;flex:1;display:flex;border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);box-shadow:var(--glass-shadow-lg);overflow:hidden;transition:border-color .2s var(--ease-out-ios),box-shadow .3s var(--ease-out-ios)}.editor:has(.cm-editor.cm-focused){border-color:var(--accent-glass);box-shadow:var(--glass-shadow-lg),0 0 0 1px var(--accent-glass),0 0 28px -4px var(--accent-soft)}.editor.is-dragover{border-color:var(--accent);box-shadow:var(--glass-shadow-lg),0 0 0 3px var(--accent-soft)}@supports (backdrop-filter: url(#liquid-glass)) or (-webkit-backdrop-filter: url(#liquid-glass)){.editor{-webkit-backdrop-filter:var(--glass-filter) url(#liquid-glass);backdrop-filter:var(--glass-filter) url(#liquid-glass)}}.editor-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;background:linear-gradient(115deg,transparent 30%,var(--glass-sheen) 48%,rgba(255,255,255,.1) 52%,transparent 70%);background-size:280% 100%;background-position:120% 0;mix-blend-mode:screen}.editor.is-validated .editor-sweep{animation:editor-sweep .85s var(--ease-out-ios)}@keyframes editor-sweep{0%{opacity:0;background-position:120% 0}15%{opacity:1}to{opacity:0;background-position:-60% 0}}.editor-input{position:relative;z-index:1;flex:1;display:flex;min-width:0}.editor-input .cm-editor{flex:1;min-height:55vh;background:transparent;font-size:.92rem;line-height:1.6}.editor-input .cm-editor.cm-focused{outline:none}.editor-input .cm-scroller{font-family:var(--mono);-webkit-overflow-scrolling:touch}.editor-input .cm-content{padding:1rem .4rem}.editor-input .cm-gutters{background:transparent;border:none;color:var(--text-muted)}.editor-input .cm-placeholder{color:var(--text-muted)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;background:var(--accent-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--accent);font-weight:700;font-size:1.1rem;pointer-events:none;opacity:0;visibility:hidden;transform:scale(.96);transition:opacity .25s var(--ease-out-ios),transform .35s var(--ease-spring),visibility .25s}.editor.is-dragover .drop-overlay{opacity:1;visibility:visible;transform:scale(1)}.toasts{position:fixed;top:calc(env(safe-area-inset-top,0px) + .75rem);left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:100;width:min(92vw,420px);pointer-events:none}.toast{pointer-events:auto;padding:.7rem 1rem;border-radius:var(--radius-sm);background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);color:var(--text);border:1px solid var(--glass-border);border-left:4px solid var(--accent);box-shadow:var(--glass-shadow),inset 0 1px 0 var(--glass-highlight);font-size:.9rem;touch-action:pan-x;cursor:grab;animation:toast-in .5s var(--ease-spring)}.toast.is-leaving{animation:toast-out .3s var(--ease-out-ios) forwards}.toast--success{border-left-color:var(--success)}.toast--error{border-left-color:var(--error)}.toast__title{font-weight:700;margin:0 0 .1rem}.toast__body{margin:0;color:var(--text-muted);word-break:break-word;white-space:pre-wrap}@keyframes toast-in{0%{opacity:0;transform:translateY(-130%)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-130%)}}.visually-hidden{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:absolute;left:-999px;top:0;background:var(--accent);color:var(--accent-contrast);padding:.5rem 1rem;border-radius:0 0 var(--radius-sm) 0;z-index:200}.skip-link:focus{left:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}.ambient:before,.ambient:after{animation:none}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.editor,.mode-toggle,.icon-button,.toast{background:var(--surface);box-shadow:var(--shadow)}.mode-toggle:before{background:var(--surface-2);box-shadow:none}.button{background:var(--accent);border-color:transparent}.button:hover:not(:disabled){background:var(--accent)}.button-ghost{background:transparent;border-color:var(--border);box-shadow:none}.button-ghost:hover:not(:disabled){background:var(--surface-2)}}@media(max-width:600px){.toolbar{justify-content:stretch}.mode-toggle{width:100%;justify-content:center}.actions{width:100%}.actions .button{flex:1 1 auto}}