:root{color-scheme:light;--tg-bg: #eceae4;--tg-surface: #ffffff;--tg-surface-2: #f7f6f2;--tg-border: rgba(26, 32, 26, .12);--tg-text: #1a221a;--tg-muted: #5c665c;--tg-accent: #1e4d3a;--tg-accent-hover: #256b52;--tg-danger: #b42318;--tg-danger-bg: rgba(180, 35, 24, .08);--tg-shadow: 0 4px 24px rgba(18, 24, 18, .08);--tg-radius: 12px;--tg-radius-sm: 8px;--tg-font: "Noto Sans SC", "Source Han Sans SC", "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;--tg-mono: ui-monospace, "Cascadia Code", "SFMono-Regular", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:var(--tg-font);background:var(--tg-bg);color:var(--tg-text);line-height:1.45}#app{min-height:100vh;min-height:100dvh}.tg-app{max-width:1200px;margin:0 auto;padding:max(12px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:20px}.tg-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;padding-bottom:4px;border-bottom:1px solid var(--tg-border)}.tg-brand{display:flex;flex-direction:column;gap:4px}.tg-logo{font-size:1.75rem;font-weight:700;letter-spacing:.04em;color:var(--tg-accent)}.tg-sub{font-size:.875rem;color:var(--tg-muted)}.tg-header-meta{font-size:.8125rem;color:var(--tg-muted);text-align:right}.tg-body{display:grid;grid-template-columns:minmax(280px,340px) 1fr;gap:24px;align-items:start}@media (max-width: 900px){html{overflow-x:hidden}.tg-body{grid-template-columns:1fr}.tg-board-section{order:-1;width:100vw;max-width:100vw;min-width:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box}.tg-panel{width:100%;min-width:0}.tg-header-meta{text-align:left;width:100%}.tg-status-text{min-width:0}}.tg-panel{display:flex;flex-direction:column;gap:14px}.tg-card{background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:var(--tg-radius);box-shadow:var(--tg-shadow);padding:16px 18px}.tg-card-title{margin:0 0 12px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--tg-muted)}.tg-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.tg-field:last-child{margin-bottom:0}.tg-label{font-size:.8125rem;font-weight:500;color:var(--tg-muted)}.tg-select,.tg-input{width:100%;font:inherit;font-size:.9375rem;padding:10px 12px;border-radius:var(--tg-radius-sm);border:1px solid var(--tg-border);background:var(--tg-surface-2);color:var(--tg-text);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.tg-select:focus,.tg-input:focus{border-color:#1e4d3a73;box-shadow:0 0 0 3px #1e4d3a1f}.tg-hint{margin:0;font-size:.75rem;color:var(--tg-muted);line-height:1.4}.tg-actions{display:flex;flex-wrap:wrap;gap:8px}.tg-btn{font:inherit;font-size:.875rem;font-weight:600;padding:10px 14px;border-radius:var(--tg-radius-sm);border:1px solid transparent;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.tg-btn:active{transform:translateY(1px)}.tg-btn-primary{background:var(--tg-accent);color:#f4faf7}.tg-btn-primary:hover{background:var(--tg-accent-hover)}.tg-btn-secondary{background:var(--tg-surface-2);color:var(--tg-text);border-color:var(--tg-border)}.tg-btn-secondary:hover{background:#eef1ed}.tg-btn-danger{background:var(--tg-danger-bg);color:var(--tg-danger);border-color:#b4231840}.tg-btn-danger:hover{background:#b4231824}.tg-btn-ghost{background:transparent;color:var(--tg-muted);border-color:var(--tg-border)}.tg-btn-ghost:hover{color:var(--tg-text);background:var(--tg-surface-2)}.tg-board-section{display:flex;flex-direction:column;align-items:center;gap:12px}.tg-board-frame{width:100%;max-width:100%;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:linear-gradient(145deg,#fdfcfa,#ebe6dc);border-radius:var(--tg-radius);border:1px solid var(--tg-border);box-shadow:var(--tg-shadow),inset 0 1px #ffffffa6}.tg-canvas{display:block;max-width:100%;height:auto;border-radius:8px;cursor:crosshair;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:0 2px 12px #0000001f}.tg-caption{margin:0;font-size:.8125rem;color:var(--tg-muted);text-align:center;max-width:560px}.tg-status{background:var(--tg-surface);border:1px solid var(--tg-border);border-radius:var(--tg-radius);box-shadow:var(--tg-shadow);padding:14px 16px}.tg-status-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.tg-pill{display:inline-flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600}.tg-pill-text{min-width:4.5em}.tg-dot{width:10px;height:10px;border-radius:50%;border:2px solid rgba(0,0,0,.12)}.tg-dot-b{background:#111}.tg-dot-w{background:#f4f4f4}.tg-status-text{flex:1;min-width:200px;font-size:.9375rem}.tg-count{font-family:var(--tg-mono);font-size:.8125rem;color:var(--tg-muted)}.tg-toast-host{position:fixed;right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom));z-index:50;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 40px));pointer-events:none}.tg-toast{pointer-events:none;padding:12px 14px;border-radius:var(--tg-radius-sm);background:#1a221aeb;color:#f4f6f4;font-size:.875rem;box-shadow:0 8px 30px #0003;opacity:0;transform:translateY(8px);animation:tg-toast-in .22s ease forwards}.tg-toast--warn{background:#782814f0}@keyframes tg-toast-in{to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tg-logo{font-size:1.5rem}.tg-app{gap:16px}}@media (max-width: 520px){.tg-btn{min-height:44px;padding-left:16px;padding-right:16px}.tg-select,.tg-input{min-height:44px;font-size:1rem}.tg-card{padding:14px}.tg-actions{gap:10px}}