:root{color-scheme:light;--bg: #b3d6ff;--text: rgba(33, 53, 71, .95);--accent: #6b85e6;--accent-hover: #5a72d6;--accent-soft: #cfdcff;--surface: #f6f9ff;--surface-muted: #e9f0fb;--border: #c7d3e8;--divider: #cfd9ee;--placeholder: #8a96aa;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-med: .25s ease}[data-theme=dark]{color-scheme:dark;--bg: #1b1f2a;--text: rgba(235, 240, 248, .92);--accent: #8fa2ff;--accent-hover: #aab8ff;--accent-soft: #3248a8;--surface: #111420;--surface-muted: #252b3a;--border: #2f3650;--divider: #2d3550;--placeholder: #7f8aa3}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:var(--bg);color:var(--text);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}a{font-weight:500;color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}body{margin:0;min-width:320px;min-height:100vh;display:flex;align-items:center;justify-content:center}#app{max-width:min(110%,1300px);padding:var(--space-5);text-align:center}h1{margin:0;text-align:center;font-size:clamp(2.5rem,6vw,3.5rem);line-height:1.1;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 65%,white),var(--accent));background-clip:text;-webkit-background-clip:text;color:transparent}.logo{height:6em;padding:1.5em;transition:filter var(--transition-med)}.logo:hover{filter:drop-shadow(0 0 2em color-mix(in srgb,var(--accent) 50%,transparent))}.card{padding:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}button{padding:.6em 1.2em;font-size:1rem;font-weight:500;font-family:inherit;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);color:var(--text);cursor:pointer;touch-action:manipulation;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}button:hover{border-color:var(--accent);background:color-mix(in srgb,var(--surface-muted) 85%,var(--accent-soft))}button:active{transform:translateY(1px)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.center{display:flex;align-items:center;justify-content:center}.textbox{width:120%;min-height:200px;padding:var(--space-2) var(--space-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:14px;line-height:1.4;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);caret-color:var(--accent);outline:none}.textbox:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft)}.textbox::selection{background:var(--accent-soft)}.textbox:empty:before{content:attr(data-placeholder);color:var(--placeholder);pointer-events:none}.light-toggle{position:fixed;top:var(--space-4);left:var(--space-4);z-index:1000}.entry{display:flex;gap:10px;width:100%}.entry>*{flex:1 1 0;min-width:0}.container{position:relative;display:flex}.cell{flex:1;min-height:2.2em;padding:6px 8px;border:1px solid var(--border);border-radius:4px;background:var(--surface)}.suggestions{position:absolute;top:100%;left:0;width:100%;z-index:20;box-shadow:0 4px 10px #00000026;border-radius:4px;overflow:hidden}.suggestions>ul{margin:0;padding:0;list-style:none;background:#000;box-sizing:border-box;max-height:240px;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.suggestions>ul::-webkit-scrollbar{display:none}.suggestions>ul>li{list-style:none;display:block;padding:.5rem .75rem;background:#fff;color:#000;cursor:pointer}.suggestions>ul>li:hover,.suggestions>ul>li.highlighted,.suggestions>ul>li[aria-selected=true]{background:#e5e5e5}