*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F7F4;--bg2: #FAFAF8;--su: #ffffff;--sb: #0F1B2D;--sb2: #182A45;--sbt: #94A3B8;--sba: #1F2C42;--sbb: #1A2538;--ink: #111827;--sl: #6B7280;--sl2: #9CA3AF;--bdr: #E7E5DF;--bdrs: #F0EEE9;--bdrm: #D4D2CC;--gold: #B8924C;--golds: #FBF6EC;--blue: #2D6BE3;--blues: #EBF2FE;--sage: #16A34A;--sages: #DCFCE7;--red: #DC2626;--reds: #FEE2E2;--amber: #D97706;--ambers: #FEF3C7;--font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "Courier New", monospace;--r-sm: 6px;--r: 8px;--r-lg: 12px;--r-xl: 16px;--shadow-sm: 0 1px 3px rgba(15,27,45,.08);--shadow: 0 4px 16px rgba(15,27,45,.1);--shadow-lg: 0 20px 60px rgba(15,27,45,.16)}html,body,#root{height:100%;background:var(--bg);font-family:var(--font-sans);font-size:14px;color:var(--ink);-webkit-font-smoothing:antialiased}.fr{font-family:var(--font-serif)}.fri{font-family:var(--font-serif);font-style:italic}.mono{font-family:var(--font-mono)}.surf{background:var(--su);border:1px solid var(--bdr);border-radius:var(--r-lg)}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--r);font-size:13px;font-weight:500;border:none;cursor:pointer;white-space:nowrap;font-family:var(--font-sans);transition:opacity .12s,background .12s;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.45;cursor:not-allowed}.bb{background:var(--blue);color:#fff}.bb:hover:not(:disabled){opacity:.88}.bg{background:var(--gold);color:#fff}.bg:hover:not(:disabled){opacity:.88}.bgh{background:var(--su);color:var(--ink);border:1px solid var(--bdr)}.bgh:hover:not(:disabled){background:var(--bg2)}.brd{background:var(--su);color:var(--red);border:1px solid #fca5a5}.brd:hover:not(:disabled){background:var(--reds)}.bsg{background:var(--sage);color:#fff}.bsg:hover:not(:disabled){opacity:.88}.bink{background:var(--ink);color:#fff}.bink:hover:not(:disabled){opacity:.88}.inp{width:100%;padding:8px 11px;border:1px solid var(--bdrm);border-radius:var(--r);background:var(--su);color:var(--ink);font-size:13px;font-family:var(--font-sans);outline:none;transition:border-color .12s,box-shadow .12s}.inp:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blues)}.inp::placeholder{color:var(--sl2)}textarea.inp{resize:vertical;min-height:80px}.lbl{display:block;font-size:11px;font-weight:600;color:var(--sl);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:500;white-space:nowrap}.dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;display:inline-block}.chip{padding:3px 10px;border-radius:var(--r-sm);font-size:12px;font-weight:500;background:var(--bg2);color:var(--ink);border:1px solid var(--bdr);cursor:pointer;transition:background .1s,color .1s,border-color .1s;font-family:var(--font-sans)}.chip:hover{background:var(--bdr)}.chip.on{background:var(--ink);color:#fff;border-color:var(--ink)}.stage{flex:1;padding:6px 10px;font-size:11px;font-weight:500;background:var(--bg2);color:var(--sl);border:1px solid var(--bdr);cursor:pointer;font-family:var(--font-sans);transition:all .12s}.stage:first-child{border-radius:var(--r-sm) 0 0 var(--r-sm)}.stage:last-child{border-radius:0 var(--r-sm) var(--r-sm) 0}.stage.done{background:var(--ink);color:#fff;border-color:var(--ink)}.stage.cur{background:var(--gold);color:#fff;border-color:var(--gold)}.stage.lst{background:var(--red);color:#fff;border-color:var(--red)}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1b2d8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:5vh 12px;overflow-y:auto}.modal{background:var(--su);border-radius:var(--r-xl);width:100%;max-width:680px;border:1px solid var(--bdr);box-shadow:var(--shadow-lg);animation:rise .18s ease}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.rise{animation:rise .18s ease}.spin{animation:spin .7s linear infinite;display:inline-block}.shake{animation:shake .5s ease}.rh:hover{background:var(--bg2)}.scr::-webkit-scrollbar{width:5px}.scr::-webkit-scrollbar-thumb{background:var(--bdrm);border-radius:3px}.star-btn{background:none;border:none;cursor:pointer;color:#d4d2cc;font-size:16px;padding:0 1px;line-height:1}.star-btn.on{color:var(--gold)}.kcard{cursor:grab;-webkit-user-select:none;user-select:none}.kcard:active{cursor:grabbing}.code-box{background:#0f1b2d;color:#e2e8f0;border-radius:var(--r);padding:14px;font-family:var(--font-mono);font-size:11px;line-height:1.6;overflow-x:auto;white-space:pre}@media print{body *{visibility:hidden}.pz,.pz *{visibility:visible}.pz{position:absolute;top:0;right:0;bottom:0;left:0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}