:root{--bg: #f3ede4;--surface: rgba(255, 251, 246, .96);--surface-strong: #fffdf9;--ink: #181512;--muted: #6c6258;--line: rgba(92, 68, 38, .14);--line-strong: rgba(92, 68, 38, .22);--accent: #ca651d;--accent-strong: #a84e12;--accent-soft: rgba(202, 101, 29, .1);--success: #1f8b52;--success-soft: rgba(31, 139, 82, .12);--warning: #8d6017;--warning-soft: rgba(141, 96, 23, .14);--danger: #bb3e31;--danger-soft: rgba(187, 62, 49, .12);--page-top-glow: rgba(255, 255, 255, .86);--body-start: #faf6f0;--panel-glow: rgba(202, 101, 29, .14);--grid-line: rgba(85, 60, 30, .028);--switch-bg: rgba(255, 255, 255, .84);--ghost-bg: #fff;--card-bg: rgba(255, 255, 255, .72);--step-bg: rgba(255, 255, 255, .78);--note-bg: linear-gradient(180deg, rgba(255, 248, 236, .96), rgba(255, 243, 224, .9));--modal-overlay: rgba(24, 21, 18, .4);--modal-surface: rgba(255, 252, 248, .98);--shadow: 0 30px 90px rgba(74, 49, 20, .12);--radius-xl: 30px;--radius-lg: 22px;--radius-md: 16px}:root[data-theme=dark]{--bg: #151719;--surface: rgba(28, 31, 34, .96);--surface-strong: #202428;--ink: #f2eee7;--muted: #aaa39a;--line: rgba(255, 244, 230, .08);--line-strong: rgba(255, 244, 230, .16);--accent: #de7f37;--accent-strong: #f0a35f;--accent-soft: rgba(222, 127, 55, .18);--success: #59d18d;--success-soft: rgba(89, 209, 141, .12);--warning: #e1b15e;--warning-soft: rgba(225, 177, 94, .16);--danger: #ff776a;--danger-soft: rgba(255, 119, 106, .14);--page-top-glow: rgba(255, 255, 255, .03);--body-start: #1a1d21;--panel-glow: rgba(222, 127, 55, .1);--grid-line: rgba(255, 255, 255, .02);--switch-bg: rgba(255, 255, 255, .04);--ghost-bg: rgba(255, 255, 255, .02);--card-bg: rgba(255, 255, 255, .03);--step-bg: rgba(255, 255, 255, .03);--note-bg: linear-gradient(180deg, rgba(58, 45, 28, .5), rgba(41, 34, 24, .65));--modal-overlay: rgba(4, 6, 8, .62);--modal-surface: rgba(26, 29, 33, .98);--shadow: 0 34px 110px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body.modal-open{overflow:hidden}body{font-family:Bahnschrift,Segoe UI Variable Display,Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,var(--page-top-glow),transparent 32%),linear-gradient(180deg,var(--body-start) 0%,var(--bg) 100%)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.42),transparent 82%)}button,input,textarea{font:inherit}.shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:28px 0 36px}.grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.68fr);gap:24px;align-items:start}.panel{position:relative;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.panel:after{content:"";position:absolute;inset:auto -70px -78px auto;width:170px;height:170px;background:radial-gradient(circle,var(--panel-glow) 0%,transparent 74%);pointer-events:none}.main-panel{padding:30px}.side-panel{padding:24px}.panel-top,.status-head,.task-head{display:flex;align-items:start;justify-content:space-between;gap:18px}.mark{margin:0 0 8px;font-family:Consolas,Courier New,monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong)}h1,h2,p{margin:0}h1{font-size:clamp(2rem,4vw,3.8rem);line-height:.95;letter-spacing:-.05em}.sub{max-width:46ch;margin-top:14px;color:var(--muted);font-size:1rem;line-height:1.65}.top-actions{display:flex;align-items:center;gap:10px}.lang-switch,.theme-switch,.button,.side-link,.pill{border-radius:999px}.lang-switch,.theme-switch{min-width:90px;border:1px solid rgba(202,101,29,.22);background:var(--switch-bg);color:var(--ink);padding:12px 18px;font-weight:800;cursor:pointer}.theme-switch{min-width:58px;width:58px;height:50px;padding:0;display:inline-flex;align-items:center;justify-content:center}.theme-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.field-block{margin-top:24px}.field{display:block}.label{display:block;margin-bottom:6px;font-size:1.06rem;font-weight:900;letter-spacing:-.02em}.hint,.task-hint,.side-copy,.side-foot,.status-text{color:var(--muted);line-height:1.55}.hint{display:block;margin-bottom:10px;font-size:.94rem}.input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--ink);outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.input:focus{border-color:#ca651da8;box-shadow:0 0 0 5px #ca651d1a;transform:translateY(-1px)}.input-success{border-color:#1f8b52b8;box-shadow:0 0 0 4px #1f8b5214}.input-error{border-color:#bb3e31b8;box-shadow:0 0 0 4px #bb3e3114}.input-warning{border-color:#ad751cb8;box-shadow:0 0 0 4px #ad751c14}.input-key{min-height:74px;padding:18px 20px;font-size:1.14rem;font-weight:700}.input-token{min-height:240px;padding:20px;font-size:1rem;resize:vertical}.task-row{display:grid;grid-template-columns:1fr auto;gap:12px;margin-top:14px}.task-input{min-height:64px;padding:16px 18px;font-size:1.02rem}.button{width:100%;border:0;padding:16px 20px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.button:hover:not(:disabled),.side-link:hover,.lang-switch:hover,.theme-switch:hover{transform:translateY(-1px)}.button:disabled{cursor:progress;opacity:.7}.button-ghost{margin-top:14px;background:var(--ghost-bg);color:var(--ink);border:1px solid var(--line)}.button-primary{margin-top:22px;background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);color:#fff;box-shadow:0 20px 40px #ca651d3d}.status-card,.task-card{margin-top:22px;padding:18px;border-radius:var(--radius-lg);border:1px solid var(--line)}.status-idle{background:var(--card-bg)}.status-working{background:var(--warning-soft);border-color:#8d601740}.status-success{background:var(--success-soft);border-color:#1f8b5240}.status-error{background:var(--danger-soft);border-color:#bb3e3140}.status-head h2{font-size:1.22rem;letter-spacing:-.03em}.status-text{margin-top:10px}.status-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid rgba(92,68,38,.12);font-family:Consolas,Courier New,monospace;font-size:.84rem}.status-meta code{overflow-wrap:anywhere}.task-card{background:var(--card-bg)}.task-button{width:auto;min-width:170px}.pill{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:10px 14px;font-family:Consolas,Courier New,monospace;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.pill-pending{color:var(--warning);background:#fff5e1f2}.pill-success{color:var(--success);background:#eefbf3f2}.pill-error{color:var(--danger);background:#fff1eff2}.side-link{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 16px;margin-top:14px;text-decoration:none;font-weight:800;border:1px solid var(--line);background:var(--ghost-bg);color:var(--ink)}.steps{display:grid;gap:12px;margin-top:20px}.step{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;align-items:start;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--step-bg)}.step-index{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:var(--accent-soft);color:var(--accent-strong);font-weight:900}.step-copy h3{margin:1px 0 0;font-size:1rem;line-height:1.35;letter-spacing:-.02em}.step-copy p{margin-top:8px;line-height:1.5;color:var(--muted)}.note-card{margin-top:18px;padding:18px;border-radius:var(--radius-lg);border:1px solid rgba(141,96,23,.24);background:var(--note-bg)}.note-title{font-size:.98rem;font-weight:900;letter-spacing:-.02em}.side-foot{margin-top:8px;font-size:.92rem}.modal-overlay{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:20px;background:var(--modal-overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal-card{width:min(100%,480px);padding:28px 26px 24px;border-radius:28px;border:1px solid var(--line);background:var(--modal-surface);box-shadow:0 40px 100px #26180a2e;text-align:center}.modal-icon{display:inline-flex;align-items:center;justify-content:center;width:74px;height:74px;margin:0 auto 16px;border-radius:999px;border:3px solid currentColor}.modal-success{color:var(--success)}.modal-error{color:#ef4e43}.modal-warning{color:var(--warning)}.modal-idle{color:var(--accent-strong)}.modal-symbol{font-family:Consolas,Courier New,monospace;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.modal-title{color:var(--ink);font-size:clamp(1.5rem,3vw,2rem);line-height:1.05;letter-spacing:-.04em}.modal-text{margin-top:14px;color:var(--muted);font-size:1rem;line-height:1.6}.modal-details{margin-top:14px}.modal-detail-line{color:var(--muted);line-height:1.55}.modal-detail-line+.modal-detail-line{margin-top:4px}.modal-detail-label{font-weight:800;color:var(--ink)}.modal-button{width:auto;min-width:150px;margin:22px auto 0;padding-inline:28px;background:linear-gradient(135deg,var(--accent-strong) 0%,var(--accent) 100%);color:#fff;box-shadow:0 16px 36px #ca651d33}.modal-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.modal-actions .modal-button{margin-top:22px}.modal-button-secondary{background:var(--ghost-bg);color:var(--ink);border:1px solid var(--line);box-shadow:none}@media(max-width:980px){.shell{width:min(100% - 24px,920px);padding:18px 0 28px}.grid{grid-template-columns:1fr}.main-panel{order:1}.side-panel{order:2}}@media(max-width:640px){.main-panel,.side-panel{padding:20px;border-radius:24px}.panel-top,.status-head,.task-head{display:grid}.task-row{grid-template-columns:1fr}.task-button{width:100%}.modal-card{padding:24px 20px 20px;border-radius:24px}.input-key{min-height:68px;font-size:1.04rem}.input-token{min-height:210px}}