:root{--ink:#16130f;--ink-soft:#5a5248;--paper:#faf7f0;--panel:#fff;--line:#e6ddcd;--line-strong:#d4c8b2;--gold:#b8862f;--gold-deep:#8f6516;--sage:#6b7a5e;--clay:#a85c3c;--shadow:0 1px 2px rgba(40,30,15,.06),0 8px 24px rgba(40,30,15,.05)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--paper);color:var(--ink);line-height:1.5;font-size:15px;-webkit-font-smoothing:antialiased}::selection{background:rgba(184,134,47,.22)}button{font:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}a{text-decoration:none}input,select,textarea{font:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:3px}.serif{font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif}.btn{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border-radius:9px;font-size:13.5px;font-weight:600;transition:transform .08s,box-shadow .15s,background .15s,border-color .15s,color .15s}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:#f5efe2;box-shadow:var(--shadow)}.btn-primary:hover{background:#2c2619}.btn-primary:disabled{opacity:.6;cursor:default}.btn-ghost{border:1px solid var(--line-strong);color:var(--ink);background:var(--panel)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-deep)}.btn svg{width:15px;height:15px}.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.rail{background:#1c1811;color:#e8e0d0;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{padding:22px 22px 18px;display:flex;align-items:baseline;gap:9px;border-bottom:1px solid hsla(0,0%,100%,.08)}.brand .mark{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:25px;font-weight:600;letter-spacing:-.02em;color:#f3ead6}.brand .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);transform:translateY(-3px)}.rail-who{padding:14px 22px 10px}.rail-who .role{font-size:11px;letter-spacing:.09em;color:#8f866f;text-transform:uppercase}.rail-who .name{font-size:14px;font-weight:600;color:#ece3d0;margin-top:3px}nav.railnav{padding:10px 12px;display:flex;flex-direction:column;gap:2px}nav.railnav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:#c5bca7;font-size:13.5px;font-weight:500;transition:background .14s,color .14s}nav.railnav a svg{width:17px;height:17px;flex:none;opacity:.8}nav.railnav a:hover{background:hsla(0,0%,100%,.05);color:#ece3d0}nav.railnav a[data-active=true]{background:hsla(0,0%,100%,.09);color:#fff}nav.railnav a[data-active=true] svg{opacity:1;color:var(--gold)}.rail-foot{margin-top:auto;padding:16px 22px;border-top:1px solid hsla(0,0%,100%,.08)}main{min-width:0}.topbar{display:flex;align-items:center;gap:16px;padding:18px 32px;border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:0;background:hsla(42,50%,96%,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}.topbar h1{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:23px;font-weight:600;letter-spacing:-.015em}.topbar .sub{color:var(--ink-soft);font-size:13px;margin-top:1px}.topbar .spacer{flex:1 1}.wrap{padding:26px 32px 60px;max-width:1180px}.stats{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:26px}.stat{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:16px 17px}.stat .n{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:30px;font-weight:600;letter-spacing:-.02em;line-height:1}.stat .l{font-size:12.5px;color:var(--ink-soft);margin-top:7px}.stat .n.gold{color:var(--gold-deep)}.stat .n.sage{color:var(--sage)}.stat .n.clay{color:var(--clay)}.section-head{display:flex;align-items:baseline;gap:12px;margin:4px 0 15px}.section-head h2{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:18px;font-weight:600}.section-head .hint{font-size:12.5px;color:var(--ink-soft)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:16px;gap:16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .16s,box-shadow .16s,transform .16s}.card:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.thumb{aspect-ratio:16/9;background:linear-gradient(135deg,#2a241a,#1c1811);position:relative;display:flex;align-items:center;justify-content:center}.thumb:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 42%,rgba(184,134,47,.22),transparent 62%)}.thumb .play{width:46px;height:46px;border-radius:50%;background:hsla(42,50%,96%,.94);display:flex;align-items:center;justify-content:center;position:relative;z-index:1;box-shadow:0 4px 16px rgba(0,0,0,.35);transition:transform .16s}.card:hover .thumb .play{transform:scale(1.08)}.thumb .play svg{width:18px;height:18px;color:var(--ink);margin-left:2px}.thumb .src{top:9px;left:10px;font-size:10.5px;font-weight:700;letter-spacing:.05em;color:#f0dcb0;background:rgba(0,0,0,.4);padding:3px 8px;border-radius:20px;text-transform:uppercase}.thumb .dur,.thumb .src{position:absolute;z-index:1}.thumb .dur{bottom:9px;right:10px;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.55);padding:2px 7px;border-radius:5px}.card-body{padding:14px 15px 15px;flex-direction:column;flex:1 1}.card-body,.card-top{display:flex;gap:10px}.card-top{align-items:flex-start}.avatar{width:30px;height:30px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff}.card h3{font-size:14.5px;font-weight:600;line-height:1.3}.card .meta{font-size:12px;color:var(--ink-soft);margin-top:2px}.card .concern{font-size:13px;color:var(--ink-soft);line-height:1.45}.card-foot{display:flex;gap:8px;margin-top:auto;padding-top:4px}.card-foot,.chip{align-items:center}.chip{font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:20px;display:inline-flex}.chip .d{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.chip.new{background:#f3e6cf;color:var(--gold-deep)}.chip.new .d{background:var(--gold)}.chip.review{background:#dde4d5;color:#45543a}.chip.review .d{background:var(--sage)}.chip.revise{background:#f2ddd2;color:#8a4126}.chip.revise .d{background:var(--clay)}.chip.approved{background:#d8e8dd;color:#2f6844}.chip.approved .d{background:#3f8659}.tasks-pill{margin-left:auto;font-size:11.5px;color:var(--ink-soft);display:flex;align-items:center;gap:5px}.tasks-pill svg{width:13px;height:13px}.form-card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:26px 28px;max-width:620px}.field{margin-bottom:18px}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field .desc{font-size:12px;color:var(--ink-soft);font-weight:400;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:11px 13px;font-size:14px;background:var(--paper);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(184,134,47,.14)}.field textarea{resize:vertical;min-height:92px}.error{color:#a3341f;background:#f7e4dd;border:1px solid #eccabb;border-radius:9px}.error,.notice{font-size:13px;margin-bottom:12px;padding:9px 12px}.notice{color:#2f6844;background:#dbeadf;border:1px solid #bcd8c5;border-radius:9px}.empty{text-align:center;padding:70px 20px;color:var(--ink-soft)}.empty svg{width:40px;height:40px;opacity:.35;margin-bottom:12px}.empty .t{font-size:15px;font-weight:600;color:var(--ink)}.empty .s{font-size:13px;margin-top:4px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.auth-art{background:#1c1811;color:#ece3d0;padding:56px 52px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-art:after{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(184,134,47,.28),transparent 68%);bottom:-120px;right:-80px}.auth-art .mark{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:30px;font-weight:600;color:#f3ead6}.auth-art .pitch{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:34px;line-height:1.22;font-weight:500;max-width:15ch;position:relative;z-index:1}.auth-art .foot{font-size:12.5px;color:#8f866f;position:relative;z-index:1}.auth-form{display:flex;align-items:center;justify-content:center;padding:40px}.auth-inner{width:100%;max-width:360px}.auth-inner h2{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:26px;font-weight:600;margin-bottom:4px}.auth-inner .sub{color:var(--ink-soft);font-size:13.5px;margin-bottom:22px}.seg{display:flex;background:var(--paper);border:1px solid var(--line-strong);border-radius:10px;padding:3px;margin-bottom:18px}.seg button{flex:1 1;padding:8px;font-size:13px;font-weight:600;border-radius:7px;color:var(--ink-soft)}.seg button[data-on=true]{background:var(--ink);color:#f5efe2}.switch-line{font-size:13px;color:var(--ink-soft);margin-top:18px;text-align:center}.switch-line button{color:var(--gold-deep);font-weight:600}@media (max-width:860px){.app{grid-template-columns:1fr}.rail{position:static;height:auto}nav.railnav{flex-direction:row;flex-wrap:wrap}.stats{grid-template-columns:repeat(2,1fr)}.wrap{padding:20px 18px 50px}.topbar{padding:16px 18px}.auth-shell{grid-template-columns:1fr}.auth-art{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.room{display:grid;grid-template-columns:1fr 372px;min-height:calc(100vh - 0px)}.room-left{background:#14110b;display:flex;flex-direction:column;min-width:0}.player{aspect-ratio:16/9;background:#000;position:relative}.player iframe{width:100%;height:100%;border:0;display:block}.player video{display:block}.player .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#8a8067;font-size:13px;text-align:center;padding:20px}.room-left .backbar{padding:14px 18px}.room-left .backbar a{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#c5bca7}.room-left .backbar a:hover{color:#ece3d0}.room-right{background:var(--panel);display:flex;flex-direction:column;min-width:0;border-left:1px solid var(--line);height:100vh;position:-webkit-sticky;position:sticky;top:0}.room-head{padding:17px 20px 14px;border-bottom:1px solid var(--line)}.room-head h3{font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:18px;font-weight:600}.room-head .by{font-size:12.5px;color:var(--ink-soft);margin-top:3px}.tabs{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--line)}.tabs button{padding:9px 13px;font-size:13px;font-weight:600;color:var(--ink-soft);border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button[data-on=true]{color:var(--ink);border-color:var(--gold)}.pane{flex:1 1;overflow-y:auto;padding:16px 20px}.concern-block{background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:13px 15px;margin-bottom:16px}.concern-block .lab{font-size:11.5px;font-weight:700;letter-spacing:.04em;color:var(--gold-deep);margin-bottom:5px}.concern-block p{font-size:13.5px;color:var(--ink);line-height:1.5}.cmt{display:flex;gap:10px;padding:12px 0;border-top:1px solid var(--line)}.cmt:first-child{border-top:none}.cmt .avatar{width:28px;height:28px;font-size:11px}.cmt-body{min-width:0;flex:1 1}.cmt-body .who{font-size:13px;font-weight:600}.cmt-body .ts{font-size:11px;color:var(--ink-soft);font-weight:500}.cmt-body .tc{font-size:11px;color:var(--clay);font-weight:600}.cmt-body p{font-size:13.5px;color:#37312a;margin-top:3px;line-height:1.45;white-space:pre-wrap}.composer{border-top:1px solid var(--line);padding:12px 20px 16px;background:var(--panel)}.composer textarea{width:100%;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;font-size:13.5px;resize:none;background:var(--paper);color:var(--ink)}.composer textarea:focus{outline:none;border-color:var(--gold)}.composer .row{display:flex;gap:8px;margin-top:9px;align-items:center}.task{display:flex;gap:11px;padding:12px 0;border-top:1px solid var(--line);align-items:flex-start}.task:first-child{border-top:none}.tick{width:20px;height:20px;border-radius:6px;border:1.8px solid var(--line-strong);flex:none;margin-top:1px;display:grid;place-items:center;transition:background .14s,border-color .14s;background:var(--panel)}.tick[data-on=true]{background:var(--sage);border-color:var(--sage)}.tick svg{width:12px;height:12px;color:#fff;opacity:0}.tick[data-on=true] svg{opacity:1}.task-body{flex:1 1;min-width:0}.task-body .t{font-size:13.5px;font-weight:550}.task[data-done=true] .task-body .t{text-decoration:line-through;color:var(--ink-soft)}.task-body .due{font-size:11.5px;color:var(--ink-soft);margin-top:2px}.task-body .due.over{color:var(--clay);font-weight:600}.addtask{display:flex;gap:8px;margin-top:14px}.addtask input{flex:1 1;border:1px solid var(--line-strong);border-radius:9px;padding:9px 11px;font-size:13px;background:var(--paper)}.addtask input:focus{outline:none;border-color:var(--gold)}.status-set{display:flex;flex-direction:column;gap:8px}.status-opt{display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--line);border-radius:11px;cursor:pointer;transition:border-color .14s,background .14s;width:100%;text-align:left;background:var(--panel)}.status-opt:hover{border-color:var(--line-strong)}.status-opt[data-on=true]{border-color:var(--gold);background:#fdf8ee}.status-opt:disabled{cursor:default}.status-opt .rd{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-strong);flex:none}.status-opt[data-on=true] .rd{border-color:var(--gold);background:radial-gradient(circle,var(--gold) 0 44%,transparent 46%)}.status-opt .txt .t{font-size:13.5px;font-weight:600}.status-opt .txt .s{font-size:12px;color:var(--ink-soft)}@media (max-width:860px){.room{grid-template-columns:1fr}.room-right{border-left:none;border-top:1px solid var(--line);height:auto;position:static}}