:root{--paper: #faf5ec;--paper-dim: #f1eadb;--ink: #0b1f3c;--ink-soft: #4a5a78;--red: #f0512f;--red-dark: #cf3f1e;--green: #2e7d4f;--term-bg: #0b1f3c;--term-fg: #efe9dc;--mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Consolas, "Liberation Mono", monospace;--primary: #f0512f;--primary-strong: #cf3f1e;--primary-soft: #fdeae4;--bg: #faf5ec;--surface: #ffffff;--accent: #f1eadb;--accent-deep: #d8cfbc;--text: #0b1f3c;--text-muted: #4a5a78;--border: #e7ddc8;--danger: #f0512f;--danger-soft: #fde7e2;--warn: #e5a13c;--warn-soft: #fff4dd;--success: #2e7d4f;--success-soft: #ecf7f0;--radius: 12px;--radius-sm: 6px;--shadow: 4px 4px 0 var(--ink);--shadow-sm: 2px 2px 0 var(--ink);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.7;background-image:linear-gradient(rgba(11,31,60,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,31,60,.035) 1px,transparent 1px);background-size:8px 8px}::selection{background:var(--red);color:var(--paper)}a{color:var(--primary-strong);text-decoration:none}a:hover{color:var(--primary);text-decoration:underline;text-underline-offset:3px}code{font-family:var(--mono)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--paper-dim)}::-webkit-scrollbar-thumb{background:var(--ink);border-radius:5px;border:2px solid var(--paper-dim)}::-webkit-scrollbar-thumb:hover{background:var(--red)}::-webkit-scrollbar-corner{background:var(--paper-dim)}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 16px;box-sizing:border-box}button,.btn{cursor:pointer;border:2px solid var(--ink);border-radius:var(--radius-sm);padding:8px 16px;font-size:14px;font-weight:700;font-family:inherit;background:var(--primary);color:#fff;box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease;-webkit-user-select:none;user-select:none}button:hover,.btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}button:active,.btn:active{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}button.secondary,.btn.secondary{background:var(--paper);color:var(--ink)}button.ghost,.btn.ghost{background:transparent;color:var(--text-muted);border-color:transparent;box-shadow:none}button.ghost:hover,.btn.ghost:hover{transform:none;box-shadow:none;color:var(--ink);background:var(--paper-dim)}button:disabled{opacity:.5;cursor:not-allowed}button:disabled:hover,button:disabled:active{transform:none;box-shadow:var(--shadow-sm)}input,textarea,select{width:100%;padding:9px 12px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--paper);font-size:14px;font-family:var(--mono);color:var(--text)}input:focus,textarea:focus,select:focus{outline:none;box-shadow:2px 2px 0 var(--red)}.card{background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.muted{color:var(--text-muted)}.row{display:flex;gap:12px;align-items:center}.between{display:flex;justify-content:space-between;align-items:center}.grow{flex:1}.n-button:has(>.n-button__state-border){box-shadow:var(--shadow-sm);transition:transform .1s ease,box-shadow .1s ease,color .3s var(--n-bezier),background-color .3s var(--n-bezier),opacity .3s var(--n-bezier),border-color .3s var(--n-bezier)}.n-button:has(>.n-button__state-border):hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.n-button:has(>.n-button__state-border):active,.n-button:has(>.n-button__state-border).n-button--pressed{transform:translate(2px,2px);box-shadow:0 0 0 var(--ink)}.n-button:has(>.n-button__state-border):focus-visible{box-shadow:2px 2px 0 var(--red)}.n-button.n-button--disabled:hover,.n-button.n-button--disabled.n-button--pressed{transform:none;box-shadow:var(--shadow-sm)}.n-button:not(:has(>.n-button__state-border)){box-shadow:none}.n-button:not(:has(>.n-button__state-border)):hover,.n-button:not(:has(>.n-button__state-border)):active,.n-button:not(:has(>.n-button__state-border)).n-button--pressed{transform:none;box-shadow:none}.n-date-panel .n-button:has(>.n-button__state-border),.n-date-panel .n-button:has(>.n-button__state-border):hover,.n-date-panel .n-button:has(>.n-button__state-border):active,.n-date-panel .n-button:has(>.n-button__state-border).n-button--pressed{transform:none;box-shadow:none}.n-input__textarea-el{resize:vertical}.n-input,.n-base-selection{font-family:var(--mono)}.n-input{width:100%}.n-select-menu,.n-dropdown-menu,.n-date-panel{box-sizing:border-box;border:2px solid var(--ink)}.n-input__input-el:focus,.n-input__textarea-el:focus,.n-base-selection-input:focus{box-shadow:none}
