:root{--navy-900: #131c27;--navy-800: #1b2738;--navy-700: #243447;--navy-600: #324559;--navy-500: #4a5d72;--gold: #c08a2d;--gold-bright: #d9a441;--gold-soft: #f0e2c4;--gold-dim: #9a6e22;--bg: #f4f6f9;--bg-subtle: #eef1f5;--surface: #ffffff;--surface-2: #f8fafc;--border: #e2e6ec;--border-strong:#cdd4de;--text: #1d2733;--text-2: #55606e;--text-muted: #8a94a2;--p-s-bg: #fef3c7;--p-s-fg: #92660b;--p-s-bd: #f3d589;--p-a-bg: #fee2e2;--p-a-fg: #b42318;--p-a-bd: #f6c4c0;--p-b-bg: #e0edff;--p-b-fg: #1d4fa3;--p-b-bd: #c0d6f7;--p-c-bg: #dcfce7;--p-c-fg: #15803d;--p-c-bd: #b6ecc6;--p-d-bg: #eef1f5;--p-d-fg: #64748b;--p-d-bd: #dce1e8;--st-open: #b07b1e;--st-prog: #1d4fa3;--st-done: #15803d;--st-cancel: #b42318;--ink-dark: var(--text);--ink-medium: var(--text-2);--ink-light: var(--text-muted);--parchment-edge:var(--border-strong);--crimson: var(--st-cancel);--crimson-bright:var(--st-cancel);--radius: 10px;--radius-sm: 7px;--shadow-sm: 0 1px 2px rgba(16,24,40,.05);--shadow: 0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.04);--shadow-md: 0 4px 12px rgba(16,24,40,.1), 0 2px 4px rgba(16,24,40,.06);--shadow-lg: 0 12px 32px rgba(16,24,40,.14), 0 4px 8px rgba(16,24,40,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,Noto Sans JP,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:#b3bcc8}h1,h2,h3{font-weight:600;letter-spacing:-.01em}.brand-font{font-family:Cinzel,serif}.wood-bg{background-color:var(--bg);min-height:100vh}.board-surface{background:transparent;border:none;box-shadow:none;border-radius:0}.quest-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);position:relative;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;color:var(--text);overflow:hidden}.quest-card:before{display:none}.quest-card .card-rail{position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--border-strong)}.quest-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-strong);z-index:5}.pin{display:none}.priority-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:22px;padding:0 7px;border-radius:5px;font-family:Inter,sans-serif;font-weight:700;font-size:.72rem;letter-spacing:.02em;border:1px solid transparent;flex-shrink:0}.priority-S{background:var(--p-s-bg);color:var(--p-s-fg);border-color:var(--p-s-bd)}.priority-A{background:var(--p-a-bg);color:var(--p-a-fg);border-color:var(--p-a-bd)}.priority-B{background:var(--p-b-bg);color:var(--p-b-fg);border-color:var(--p-b-bd)}.priority-C{background:var(--p-c-bg);color:var(--p-c-fg);border-color:var(--p-c-bd)}.priority-D{background:var(--p-d-bg);color:var(--p-d-fg);border-color:var(--p-d-bd)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:6px;font-size:.7rem;font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.status-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status-OPEN{background:#fdf6e7;color:var(--st-open);border-color:#f1e2bf}.status-IN_PROGRESS{background:#eaf1fc;color:var(--st-prog);border-color:#cfe0f7}.status-COMPLETED{background:#e9f8ef;color:var(--st-done);border-color:#c7ecd4}.status-CANCELLED{background:#fdeceb;color:var(--st-cancel);border-color:#f6d2cf}.progress-track{height:6px;background:var(--bg-subtle);border-radius:999px;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--gold);transition:width .4s ease}.progress-fill.complete{background:var(--st-done)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--navy-700);color:#fff;font-family:Inter,sans-serif;font-size:.66rem;font-weight:600;border:2px solid var(--surface);flex-shrink:0;margin-left:-7px}.avatar:first-child{margin-left:0}.tag-chip{display:inline-block;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:500;background:var(--bg-subtle);border:1px solid var(--border);color:var(--text-2);white-space:nowrap}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;font-family:Inter,Noto Sans JP,sans-serif;font-weight:600;font-size:.85rem;letter-spacing:0;transition:all .15s ease;text-decoration:none;white-space:nowrap}.btn-primary{background:var(--navy-700);color:#fff;border-color:var(--navy-700);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--navy-800);border-color:var(--navy-800)}.btn-ghost{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);color:var(--text)}.btn-danger{background:var(--surface);color:var(--st-cancel);border-color:#f1c5c1}.btn-danger:hover{background:#fdeceb}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-family:Inter,Noto Sans JP,sans-serif;font-size:.78rem;font-weight:600;color:var(--text-2);letter-spacing:0;text-transform:none}.form-input,.form-select,.form-textarea{padding:9px 12px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:Inter,Noto Sans JP,sans-serif;font-size:.9rem;color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--navy-600);box-shadow:0 0 0 3px #2434471f}.form-textarea{resize:vertical;min-height:84px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#131c2773;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;max-width:640px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);position:relative}.modal-title{font-family:Inter,Noto Sans JP,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text);margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:9px}.divider{border:none;border-top:1px solid var(--border);margin:12px 0}.toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.filter-btn{padding:6px 13px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--text-2);font-family:Inter,Noto Sans JP,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .15s}.filter-btn:hover{background:var(--bg-subtle);color:var(--text)}.filter-btn.active{background:var(--surface);border-color:var(--border-strong);color:var(--navy-700);font-weight:600;box-shadow:var(--shadow-sm)}.app-header{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:100}.header-inner{max-width:1600px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:18px}.logo{font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;color:var(--navy-800);display:flex;align-items:center;gap:10px;white-space:nowrap;text-decoration:none}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;background:var(--navy-700);color:var(--gold-bright);font-size:1.1rem}.logo-sub{font-family:Inter,sans-serif;font-size:.6rem;font-weight:500;color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;display:block;line-height:1;margin-top:2px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--navy-800);background-image:radial-gradient(ellipse at 50% -10%,rgba(192,138,45,.18) 0%,transparent 55%),linear-gradient(160deg,var(--navy-700) 0%,var(--navy-900) 100%);padding:24px}.login-card{width:100%;max-width:410px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:40px 36px;box-shadow:var(--shadow-lg)}.login-title{font-family:Cinzel,serif;font-size:1.5rem;font-weight:700;color:var(--navy-800);text-align:center;margin-bottom:4px}.login-subtitle{font-family:Inter,sans-serif;font-size:.72rem;font-weight:500;color:var(--text-muted);text-align:center;letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}.tab-row{display:flex;gap:4px;background:var(--bg-subtle);padding:4px;border-radius:9px;margin-bottom:24px}.tab-btn{flex:1;padding:8px;border:none;background:transparent;border-radius:6px;font-family:Inter,Noto Sans JP,sans-serif;font-size:.83rem;font-weight:600;color:var(--text-2);cursor:pointer;transition:all .15s}.tab-btn.active{background:var(--surface);color:var(--navy-700);box-shadow:var(--shadow-sm)}.empty-board{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:72px 20px;text-align:center;gap:12px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius)}.empty-board-icon{font-size:2.6rem;opacity:.5}.empty-board-text{font-weight:600;font-size:1rem;color:var(--text-2)}.loading-veil{display:flex;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:.9rem;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.error-msg{padding:11px 14px;background:#fdeceb;border:1px solid #f6d2cf;border-radius:var(--radius-sm);color:var(--st-cancel);font-size:.88rem;margin-bottom:16px}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-width:100%;max-height:92vh;padding:20px 16px;border-radius:16px 16px 0 0}.modal-title{font-size:1.05rem;margin-bottom:16px;padding-bottom:12px}.login-card{padding:30px 22px}.btn{padding:9px 14px}.toolbar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}}