:root{--mario-red:#E52521;--mario-blue:#049CD8;--mario-green:#43B047;--mario-yellow:#FBD000;--mario-brown:#C84C0C;--brick:#E3963E;--shadow:#1c1c2b;--ink-soft:#6b6b85;--line:#ecdfca;--radius:16px;--elev:4px;--bg-grad: radial-gradient(circle, #ffffff70 1.4px, transparent 1.6px) 0 0 / 26px 26px, linear-gradient(180deg,#a9e2fb 0%,#cdeefd 48%,#fff2d4 100%);--header-bg: linear-gradient(180deg,#EE2B26,#c41e1b);--header-border:#1c1c2b;--paper:#FFFDF8;--col-bg:#fff8f0;--brand:#E52521;--brand-ink:#fff;--ink:#23233a}[data-theme=business]{--bg-grad: radial-gradient(circle, #ffffff80 1.4px, transparent 1.6px) 0 0 / 26px 26px, linear-gradient(180deg,#eef3fb 0%,#e3ebf6 50%,#f4f7fc 100%);--header-bg: linear-gradient(180deg,#2f6fed,#1f4fb0);--header-border:#16264f;--paper:#ffffff;--col-bg:#f4f7fc;--brand:#2f6fed;--brand-ink:#fff;--ink:#1c2433;--ink-soft:#5c6680;--line:#dde4ef;--shadow:#16264f}[data-theme=spongebob]{--bg-grad: radial-gradient(circle, #ffffff60 1.4px, transparent 1.6px) 0 0 / 26px 26px, linear-gradient(180deg,#1bb6c9 0%,#37c7d6 45%,#bfeef2 100%);--header-bg: linear-gradient(180deg,#0e7c8c,#0a5f6c);--header-border:#063b44;--paper:#fffbe9;--col-bg:#fff6d6;--brand:#f6c700;--brand-ink:#3a2e00;--ink:#0d3a42;--ink-soft:#2c6b75;--line:#e6dca0;--shadow:#063b44}[data-theme=cinnamoroll]{--bg-grad: radial-gradient(circle, #ffffff80 1.6px, transparent 1.8px) 0 0 / 28px 28px, linear-gradient(180deg,#dff0ff 0%,#eaf5ff 50%,#ffffff 100%);--header-bg: linear-gradient(180deg,#a9d4ff,#7fb8f5);--header-border:#5b8fd6;--paper:#ffffff;--col-bg:#f3f8ff;--brand:#7fb8f5;--brand-ink:#1d3b66;--ink:#2a3a55;--ink-soft:#6b7c98;--line:#dbe8fa;--shadow:#5b8fd6}[data-theme=spiderman]{--bg-grad: radial-gradient(circle, #b9cbf280 1.4px, transparent 1.6px) 0 0 / 26px 26px, linear-gradient(180deg,#c3d3f2 0%,#e4ecfa 50%,#fdfdf8 100%);--header-bg: linear-gradient(180deg,#D91A23,#a80f1a);--header-border:#141a3f;--paper:#ffffff;--col-bg:#eef2fc;--brand:#D91A23;--brand-ink:#fff;--ink:#1b2340;--ink-soft:#55668c;--line:#dce3f3;--shadow:#1a2050}html[data-dark]{--bg-grad: radial-gradient(circle, #ffffff14 1.4px, transparent 1.6px) 0 0 / 26px 26px, linear-gradient(180deg,#161a2b 0%,#1b2036 50%,#20263f 100%);--paper:#222740;--col-bg:#272d49;--ink:#eef0f8;--ink-soft:#a7afca;--line:#39405e;--shadow:#05060d;--header-border:#05060d}html[data-dark][data-theme=business]{--header-bg:linear-gradient(180deg,#1f3a7a,#16264f);--brand:#5b93ff}html[data-dark][data-theme=spongebob]{--header-bg:linear-gradient(180deg,#0a5a67,#073e47);--brand:#ffd633}html[data-dark][data-theme=cinnamoroll]{--header-bg:linear-gradient(180deg,#5b8fd6,#4171b8);--brand:#a9d4ff}html[data-dark][data-theme=spiderman]{--header-bg:linear-gradient(180deg,#a80f1a,#700a12);--brand:#ff4d55}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-grad);color:var(--ink);min-height:100vh;font-size:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .3s ease,color .3s ease}#root{min-height:100vh}.pixel{border:3px solid var(--shadow);box-shadow:5px 5px 0 var(--shadow);border-radius:10px}.pixel-sm{border:2px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:8px}#gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:var(--bg-grad);overflow:auto;transition:background .3s ease}#gate.hidden{display:none}.gate-card{max-width:430px;width:100%;background:var(--paper);border:4px solid var(--shadow);box-shadow:10px 10px 0 var(--shadow);border-radius:20px;padding:26px 24px;text-align:center;transition:background .3s ease}.gate-card .logo{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:900;font-size:23px;margin-bottom:8px}.gate-card .desc{color:var(--ink-soft);font-size:13px;margin:0 0 16px;line-height:1.6}.gate-card label{display:block;text-align:left;margin:12px 0 5px;font-weight:800;font-size:14px}.gate-note{margin:16px 0 0;font-size:12px;color:var(--ink-soft);background:var(--col-bg);border:2px dashed var(--shadow);border-radius:12px;padding:10px;line-height:1.6}.gate-tabs{display:flex;gap:8px;margin:8px 0 12px}.gate-tabs .btn{flex:1}.gate-err{color:var(--mario-red);font-size:13px;font-weight:700;min-height:16px}header{position:sticky;top:0;z-index:30;background:var(--header-bg);border-bottom:3px solid var(--header-border);box-shadow:0 4px #0000002e;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;color:#fff;transition:background .3s ease,border-color .3s ease}.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;letter-spacing:.5px}.logo svg{filter:drop-shadow(2px 2px 0 #00000055)}.ws-tag{font-size:13px;background:#fff3;border:2px solid var(--shadow);border-radius:20px;padding:3px 10px;font-weight:800}.plan-tag{cursor:pointer;font-size:12px;background:var(--mario-yellow);color:var(--shadow);border:2px solid var(--shadow);border-radius:20px;padding:3px 10px;font-weight:900;transition:transform .08s ease}.plan-tag:active{transform:translateY(1px)}.header-tools{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.coin-badge{display:flex;align-items:center;gap:6px;background:var(--mario-yellow);color:var(--shadow);font-weight:800;padding:6px 12px;border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;font-size:14px}.sync-badge{display:flex;align-items:center;gap:6px;background:var(--paper);color:var(--ink);font-weight:700;padding:6px 10px;border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;font-size:13px;white-space:nowrap}.sync-dot{width:10px;height:10px;border-radius:50%;background:var(--mario-green);border:2px solid var(--shadow)}.user-tag{font-size:13px;background:#fff3;border:2px solid var(--shadow);border-radius:20px;padding:4px 10px;font-weight:800}.layout{display:flex;align-items:flex-start;max-width:1200px;margin:0 auto;padding:20px 16px 120px}nav.side{width:156px;flex:0 0 156px;margin-right:20px;position:sticky;top:76px;display:flex;flex-direction:column;gap:10px}.nav-btn{display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--paper);border:3px solid var(--shadow);box-shadow:4px 4px 0 var(--shadow);border-radius:12px;padding:12px;font-weight:800;font-size:15px;color:var(--ink);transition:transform .08s ease,background .15s ease}.nav-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow)}.nav-btn.active{background:var(--brand);color:var(--brand-ink)}.nav-btn svg{flex:0 0 22px}@media (hover:hover){.nav-btn:hover:not(.active){transform:translateY(-1px)}}main{flex:1;min-width:0}.card{background:var(--paper);border:3px solid var(--shadow);box-shadow:var(--elev) var(--elev) 0 var(--shadow);border-radius:var(--radius);padding:18px 18px 16px;margin-bottom:16px;transition:transform .12s ease,box-shadow .12s ease,background .3s ease}@media (hover:hover){.card:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--shadow)}}.card h2{margin:0 0 12px;font-size:18px;display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--line);padding-bottom:10px}.card h2 svg{flex:0 0 22px}.card .sub{color:var(--ink-soft);font-size:13px;margin:0 0 12px;line-height:1.5}.btn{cursor:pointer;border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;padding:10px 14px;font-weight:800;font-size:15px;background:var(--paper);color:var(--ink);display:inline-flex;align-items:center;gap:6px;justify-content:center;transition:transform .08s ease,box-shadow .08s ease;min-height:44px}.btn:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--shadow)}@media (hover:hover){.btn:hover{transform:translateY(-1px)}}.btn.red{background:var(--mario-red);color:#fff}.btn.blue{background:var(--mario-blue);color:#fff}.btn.green{background:var(--mario-green);color:#fff}.btn.yellow{background:var(--mario-yellow);color:var(--shadow)}.btn.sm{padding:7px 10px;font-size:13px;min-height:38px}.btn.ghost{background:transparent;color:inherit}.btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #049CD8;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}label.fld{display:block;margin:8px 0 4px;font-weight:700;font-size:14px}input,select,textarea{width:100%;padding:11px 12px;font-size:16px;border:3px solid var(--shadow);border-radius:10px;background:var(--paper);color:var(--ink);font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,background .3s ease,color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mario-blue);box-shadow:0 0 0 3px #049cd840}textarea{resize:vertical;min-height:64px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row>div{flex:1;min-width:140px}.board{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.col{background:var(--col-bg);border:3px dashed var(--shadow);border-radius:12px;padding:12px;min-height:120px;transition:filter .2s ease,background .3s ease}.col:hover{filter:brightness(1.04)}.col h3{margin:0 0 12px;font-size:15px;text-align:center;padding:7px;border-radius:8px;color:#fff;border:2px solid var(--shadow);box-shadow:2px 2px 0 var(--shadow)}.col.todo h3{background:var(--mario-blue)}.col.doing h3{background:var(--mario-yellow);color:var(--shadow)}.col.done h3{background:var(--mario-green)}.task{background:var(--col-bg);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;padding:11px;margin-bottom:11px;position:relative;transition:transform .1s ease,box-shadow .1s ease,background .3s ease;cursor:grab}.task:active{cursor:grabbing}@media (hover:hover){.task:hover{transform:translateY(-1px);box-shadow:4px 4px 0 var(--shadow)}}.task .t-title{font-weight:800;font-size:15px;margin-bottom:6px;line-height:1.4;padding-right:22px}.task .t-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px}.tag{padding:2px 8px;border-radius:20px;border:2px solid var(--shadow);font-weight:800;font-size:11px}.p0{background:var(--mario-red);color:#fff}.p1{background:var(--mario-yellow);color:var(--shadow)}.p2{background:#cfd3da;color:var(--ink)}.due{background:#fff}.assignee{background:var(--mario-blue);color:#fff}.overdue{background:var(--paper);border-color:var(--mario-red);box-shadow:3px 3px 0 var(--mario-red)}.overdue .due{background:var(--mario-red);color:#fff}.task .row-actions{display:flex;gap:6px;margin-top:8px}.task .row-actions .btn{flex:1;justify-content:center;padding:7px;min-height:38px;font-size:13px}.del{position:absolute;top:6px;right:6px;cursor:pointer;background:var(--paper);border:2px solid var(--shadow);border-radius:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--mario-red);font-size:14px;transition:transform .08s ease,background .15s ease}.del:hover{background:var(--mario-red);color:#fff}.del:active{transform:scale(.92)}.col[data-status]{transition:background .15s ease,filter .15s ease}.col[data-status].drag-over{filter:brightness(1.06);background:var(--col-bg)}.urgent{display:flex;gap:10px;align-items:center;background:var(--paper);border:3px solid var(--mario-red);box-shadow:3px 3px 0 var(--mario-red);border-radius:12px;padding:11px 13px;margin-bottom:11px;transition:transform .1s ease,background .3s ease}@media (hover:hover){.urgent:hover{transform:translateY(-1px)}}.urgent .u-info{flex:1;min-width:0}.urgent .u-title{font-weight:800;font-size:15px;line-height:1.35}.urgent .u-meta{font-size:12px;color:var(--ink-soft);margin-top:3px}.urgent.soon{border-color:var(--mario-yellow);box-shadow:3px 3px 0 var(--mario-yellow)}.urgent.today{border-color:var(--mario-blue);box-shadow:3px 3px 0 var(--mario-blue)}.empty{text-align:center;color:var(--ink-soft);padding:28px 10px;font-size:14px}.empty svg{margin-bottom:8px;opacity:.9}.hero{background:var(--brand);color:var(--brand-ink);border:3px solid var(--shadow);box-shadow:var(--elev) var(--elev) 0 var(--shadow);border-radius:var(--radius);padding:20px 22px;margin-bottom:16px;position:relative;overflow:hidden;transition:background .3s ease}.hero:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:#fff2}.hero .h-greet{font-size:23px;font-weight:900;line-height:1.2}.hero .h-date{font-size:13px;opacity:.92;margin-top:6px;font-weight:700}.hero .h-sub{font-size:13px;opacity:.94;margin-top:10px;line-height:1.5;max-width:560px}.puzzle{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.piece{background:var(--paper);color:var(--ink);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:14px 14px 18px;padding:12px 8px 10px;text-align:center;position:relative}.piece .knob{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--brand);border:3px solid var(--shadow);top:-9px;left:50%;transform:translate(-50%)}.piece .pn{font-size:26px;font-weight:900;line-height:1}.piece .pl{font-size:12px;color:var(--ink-soft);margin-top:6px;font-weight:700}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.stat{background:var(--paper);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:12px;padding:14px 10px;text-align:center;transition:transform .1s ease,background .3s ease}@media (hover:hover){.stat:hover{transform:translateY(-2px)}}.stat .n{font-size:28px;font-weight:900;line-height:1}.stat .l{font-size:12px;color:var(--ink-soft);margin-top:7px;font-weight:700}.charts{display:flex;gap:14px;flex-wrap:wrap;align-items:stretch;justify-content:space-around}.chart-box{background:var(--paper);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:12px;padding:14px;text-align:center;flex:1;min-width:200px;transition:transform .1s ease,background .3s ease}@media (hover:hover){.chart-box:hover{transform:translateY(-2px)}}.chart-box .ct{font-weight:800;font-size:14px;margin-bottom:10px;color:var(--ink)}.report-out{background:var(--paper);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:12px;padding:14px;white-space:pre-wrap;font-size:14px;line-height:1.65;min-height:120px;font-family:SFMono-Regular,Consolas,monospace;color:var(--ink)}.meet{background:var(--col-bg);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:10px;padding:12px 14px;margin-bottom:11px;position:relative;transition:transform .1s ease,background .3s ease}@media (hover:hover){.meet:hover{transform:translateY(-1px)}}.meet .m-top{font-weight:800;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;align-items:center}.meet .m-row{font-size:13px;margin-top:6px;line-height:1.5}.meet .m-row b{color:var(--mario-brown)}.member{display:flex;align-items:center;gap:12px;background:var(--paper);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:12px;padding:11px 13px;margin-bottom:11px;transition:transform .1s ease,background .3s ease}@media (hover:hover){.member:hover{transform:translateY(-1px)}}.avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:3px solid var(--shadow);display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;font-size:17px}.member .m-name{font-weight:800;font-size:15px}.member .m-role{font-size:12px;color:var(--ink-soft);margin-top:2px}.member .m-actions{margin-left:auto;display:flex;gap:6px}.quota-bar{height:18px;border:3px solid var(--shadow);border-radius:20px;background:var(--paper);overflow:hidden;margin:8px 0 4px}.quota-fill{height:100%;background:var(--mario-green);border-right:3px solid var(--shadow);transition:width .4s ease,background .3s ease}.invite-box{display:flex;gap:8px;align-items:center;background:var(--paper);border:3px dashed var(--shadow);border-radius:10px;padding:10px;margin-top:8px;flex-wrap:wrap}.invite-box code{font-weight:800;font-size:15px;color:var(--mario-brown)}.theme-wrap{position:relative}.theme-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:60;background:var(--paper);border:3px solid var(--shadow);box-shadow:5px 5px 0 var(--shadow);border-radius:14px;padding:12px;width:min(236px,82vw);display:none;color:var(--ink);transition:background .3s ease}.theme-panel.open{display:block}.theme-panel h4{margin:0 0 8px;font-size:13px;font-weight:900}.theme-opt{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 10px;border:2px solid var(--line);border-radius:10px;margin-bottom:8px;font-weight:800;font-size:14px;transition:border-color .15s,background .15s}.theme-opt:hover{border-color:var(--brand)}.theme-opt.active{background:var(--col-bg);border-color:var(--brand)}.swatch{width:22px;height:22px;border-radius:6px;border:2px solid var(--shadow);flex:0 0 22px}.dark-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;font-weight:800;font-size:14px;margin-top:2px;padding:4px 2px}.switch{width:46px;height:26px;border-radius:20px;border:3px solid var(--shadow);background:#cfd3da;position:relative;cursor:pointer;transition:background .2s;flex:0 0 46px}.switch.on{background:var(--brand)}.switch:after{content:"";position:absolute;top:1px;left:1px;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid var(--shadow);transition:transform .2s}.switch.on:after{transform:translate(20px)}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%) translateY(10px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:12px;font-weight:800;z-index:99;box-shadow:0 6px 18px #0006;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(-6px)}.hidden{display:none!important}.skill-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(238px,1fr));gap:16px;margin-top:8px}.skill-card{background:var(--paper);border:3px solid var(--shadow);box-shadow:var(--elev) var(--elev) 0 var(--shadow);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:transform .12s ease,box-shadow .12s ease,background .3s ease}.skill-card:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--elev) + 2px) calc(var(--elev) + 2px) 0 var(--shadow)}.skill-cover{width:100%;height:112px;object-fit:cover;background:var(--col-bg);display:block;border-bottom:3px solid var(--shadow)}.skill-cover-ph{height:112px;display:flex;align-items:center;justify-content:center;font-size:42px;background:var(--col-bg);border-bottom:3px solid var(--shadow)}.skill-body{padding:13px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}.skill-name{font-weight:900;font-size:16px;color:var(--ink);line-height:1.25;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.skill-desc{font-size:13px;color:var(--ink-soft);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.skill-desc img{max-width:100%}.skill-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:6px;font-size:11px;font-weight:800}.skill-meta .org{background:var(--brand);color:var(--brand-ink);padding:2px 8px;border-radius:20px;border:2px solid var(--shadow)}.skill-meta .creator{background:var(--col-bg);color:var(--ink);padding:2px 8px;border-radius:20px;border:2px solid var(--shadow)}.skill-visit{margin-top:6px;padding-top:9px;border-top:2px dashed var(--line)}.skill-visit a{display:flex;align-items:center;justify-content:center;gap:5px;font-size:13px;font-weight:800;color:var(--brand);border:2px solid var(--brand);border-radius:9px;padding:7px 8px;text-decoration:none;transition:background .15s ease,color .15s ease}.skill-visit a:hover{background:var(--brand);color:var(--brand-ink)}.review-zone{margin-top:12px;display:flex;flex-direction:column;gap:10px}.review-item{display:flex;gap:12px;align-items:center;background:var(--col-bg);border:2px solid var(--shadow);border-radius:12px;padding:10px 12px}.review-thumb{width:52px;height:52px;object-fit:cover;border:2px solid var(--shadow);border-radius:10px;flex:none;background:var(--paper)}.review-info{flex:1;min-width:0}.review-info .rn{font-weight:900;font-size:14px;color:var(--ink);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.review-info .rd{font-size:12px;color:var(--ink-soft);margin:3px 0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.review-info .rmeta{font-size:11px;font-weight:800;color:var(--brand)}.review-actions{display:flex;gap:6px;flex:none}.su-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.su-stat{background:var(--paper);border:3px solid var(--shadow);box-shadow:3px 3px 0 var(--shadow);border-radius:14px;padding:14px 16px;display:flex;align-items:center;gap:12px;transition:transform .1s ease,box-shadow .1s ease,background .3s ease}.su-stat:hover{transform:translateY(-2px)}.su-stat .ico{width:44px;height:44px;flex:0 0 44px;border-radius:12px;border:2px solid var(--shadow);display:flex;align-items:center;justify-content:center;font-size:21px;background:var(--col-bg)}.su-stat .n{font-size:25px;font-weight:900;line-height:1}.su-stat .l{font-size:12px;color:var(--ink-soft);font-weight:700;margin-top:5px}.su-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:2px}.su-card-head h2{margin-bottom:0!important;border-bottom:none!important}.su-table-wrap{border:3px solid var(--shadow);border-radius:12px;overflow:auto;background:var(--paper);margin-top:4px}.su-table{width:100%;border-collapse:collapse;min-width:760px;background:var(--paper)}.su-table thead{background:var(--col-bg)}.su-table thead th{text-align:left;font-size:12px;font-weight:900;color:var(--ink-soft);padding:11px 14px;border-bottom:3px solid var(--shadow);white-space:nowrap}.su-table tbody td{padding:13px 14px;font-size:13px;font-weight:700;color:var(--ink);border-bottom:1px solid var(--line);vertical-align:middle}.su-table tbody tr:last-child td{border-bottom:none}.su-table tbody tr:hover td{background:var(--col-bg)}.su-org-name{display:flex;align-items:center;gap:8px;font-weight:900;font-size:15px;color:var(--ink);flex-wrap:wrap}.su-org-name .tag{font-size:11px}.su-org-sub{font-size:11px;font-weight:700;color:var(--ink-soft);margin-top:4px;display:flex;gap:10px;flex-wrap:wrap}.su-org-sub code{background:var(--col-bg);border:1px solid var(--shadow);border-radius:6px;padding:1px 7px;font-weight:900;color:var(--brand)}.su-admins{display:flex;flex-wrap:wrap;gap:6px;max-width:280px}.su-admin-chip{display:inline-flex;align-items:center;gap:5px;background:var(--col-bg);border:2px solid var(--shadow);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:800;color:var(--ink);white-space:nowrap}.su-admin-chip .rst{cursor:pointer;color:var(--mario-brown);transition:color .15s}.su-admin-chip .rst:hover{color:var(--mario-red)}.su-ops{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.su-empty{color:var(--ink);opacity:.55;text-align:center;padding:34px 0;font-size:13px}.su-hint{font-size:12px;color:var(--ink-soft);line-height:1.75;margin:4px 0 0;padding:11px 14px;background:var(--col-bg);border:2px dashed var(--line);border-radius:10px}select.su-sel{width:100%;padding:10px 12px;border-radius:10px;border:2px solid var(--shadow);background:var(--paper);color:var(--ink);font-size:14px;font-weight:700}.su-code{background:var(--col-bg);border:1px solid var(--shadow);border-radius:6px;padding:2px 8px;font-weight:900;color:var(--brand);font-size:13px;letter-spacing:.5px}.info-block{background:var(--col-bg);border:2px dashed var(--line);border-radius:12px;padding:12px 14px;margin-top:12px}.info-block h4{margin:0 0 10px;font-size:13px;font-weight:900;display:flex;align-items:center;gap:6px;color:var(--ink)}.info-block .ib-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.info-block .ib-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:720px){.info-block .ib-grid{grid-template-columns:1fr}}.proj-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.proj-filter select{min-width:170px;padding:8px 10px;font-size:14px;font-weight:700;border:2px solid var(--shadow);border-radius:9px;background:var(--paper);color:var(--ink)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#1414238c;z-index:200;display:flex;align-items:center;justify-content:center;padding:18px}.modal{background:var(--paper);border:3px solid var(--shadow);box-shadow:8px 8px 0 var(--shadow);border-radius:16px;width:min(560px,100%);max-height:90vh;overflow:auto;padding:18px 18px 16px}.modal h3{font-size:18px;font-weight:900;color:var(--ink);margin-bottom:4px}.modal .sub{font-size:12px;color:var(--ink-soft);margin-bottom:12px}.modal .fld{display:block;font-size:12px;font-weight:800;color:var(--ink);margin:10px 0 4px}.modal input[type=text],.modal input[type=url],.modal textarea{width:100%;border:2px solid var(--shadow);border-radius:9px;padding:9px 10px;font-size:14px;background:var(--col-bg);color:var(--ink);font-family:inherit}.modal textarea{min-height:60px;resize:vertical}.rt-toolbar{display:flex;gap:6px;margin-bottom:6px}.rt-toolbar button{width:34px;height:34px;font-size:15px;border:2px solid var(--shadow);border-radius:8px;background:var(--col-bg);color:var(--ink);cursor:pointer;font-weight:900}.rt-toolbar button:hover{background:var(--paper)}.rt-editor{border:2px solid var(--shadow);border-radius:9px;padding:9px 10px;min-height:96px;background:var(--col-bg);color:var(--ink);font-size:14px;line-height:1.5;outline:none}.rt-editor:focus{border-color:var(--brand)}.img-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:6px}.img-preview{width:120px;height:74px;object-fit:cover;border:2px solid var(--shadow);border-radius:8px;background:var(--col-bg);display:none}.img-preview.show{display:block}.modal-actions{display:flex;gap:10px;margin-top:16px;justify-content:flex-end}.file-btn{display:inline-flex;align-items:center;gap:5px;border:2px solid var(--shadow);border-radius:9px;padding:8px 12px;font-weight:800;font-size:13px;background:var(--col-bg);color:var(--ink);cursor:pointer}.file-btn:hover{background:var(--paper)}.status-badge{display:inline-block;padding:2px 9px;border-radius:20px;border:2px solid var(--shadow);font-size:11px;font-weight:800}.status-badge.pending{background:var(--mario-yellow);color:#1c1c2b}.status-badge.approved{background:var(--mario-green);color:#fff}.status-badge.rejected{background:var(--mario-red);color:#fff}.nav-group{display:flex;flex-direction:column;gap:0}.nav-group .nav-btn .nav-chevron{transition:transform .2s ease}.nav-sub-list{display:flex;flex-direction:column;gap:4px;margin-top:4px;padding-left:16px}.nav-sub-btn{display:flex;align-items:center;gap:8px;cursor:pointer;background:var(--col-bg);border:2px solid var(--shadow);box-shadow:2px 2px 0 var(--shadow);border-radius:8px;padding:8px 10px;font-weight:700;font-size:13px;color:var(--ink);transition:transform .08s ease,background .15s ease}.nav-sub-btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--shadow)}.nav-sub-btn.active{background:var(--brand);color:var(--brand-ink)}.nav-sub-btn svg{flex:0 0 18px;opacity:.9}@media (hover:hover){.nav-sub-btn:hover:not(.active){transform:translateY(-1px)}}@media (max-width:768px){.nav-sub-list{display:none}}nav.bottom{display:none}@media (max-width:768px){.layout{padding:14px 10px 110px;flex-direction:column}nav.side{display:none}nav.bottom{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--header-bg);border-top:3px solid var(--header-border);box-shadow:0 -4px #0000002e;padding:6px 4px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;transition:background .3s ease}nav.bottom .nav-btn{flex-direction:column;gap:2px;flex:1;padding:6px 2px;font-size:11px;box-shadow:none;border:none;background:transparent;color:#fff;border-radius:10px;transition:background .15s ease}nav.bottom .nav-btn.active{background:#fff3;color:#fff}nav.bottom .nav-btn:active{transform:none;background:#fff4}.board{grid-template-columns:1fr}.col{min-height:auto}.stat-grid,.puzzle{grid-template-columns:repeat(2,1fr)}.header-tools{width:100%;justify-content:flex-end}.logo{font-size:14px}.ws-tag,.plan-tag,.user-tag{font-size:11px}.hero{padding:16px}.hero .h-greet{font-size:20px}.skill-grid{grid-template-columns:1fr}.review-actions{flex-wrap:wrap}.su-stats{grid-template-columns:repeat(2,1fr)}.su-table-wrap{overflow-x:auto}}.mario-office-v2{padding:12px;min-height:calc(100vh - 80px);background:linear-gradient(180deg,#5c94fc,#87ceeb);font-family:"Press Start 2P",PingFang SC,Microsoft YaHei,monospace;-webkit-user-select:none;user-select:none}[data-dark=true] .mario-office-v2{background:linear-gradient(180deg,#1a1a3e,#2d1b4e)}.v2-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:var(--card-bg, #fff8e7);border:4px solid #1c1c2b;border-radius:12px;box-shadow:5px 5px #1c1c2b;margin-bottom:12px;flex-wrap:wrap}.v2-top-left{display:flex;align-items:center;gap:10px}.v2-logo{font-size:36px;animation:v2-bounce 2s ease-in-out infinite}.v2-top-left h1{margin:0;font-size:18px;font-weight:900;color:#e52521;text-shadow:2px 2px 0 #1c1c2b}.v2-top-left p{margin:3px 0 0;font-size:10px;color:var(--ink-soft, #666);font-weight:700}.v2-top-center{flex:1;text-align:center;min-width:180px}.v2-time{font-size:13px;font-weight:900;color:var(--ink, #1c1c2b);margin-bottom:4px}.v2-project{display:inline-block;font-size:12px;font-weight:900;padding:4px 12px;background:linear-gradient(90deg,#fbd000,#ffe45c);border:3px solid #1c1c2b;border-radius:6px;box-shadow:2px 2px #1c1c2b}.v2-top-right{display:flex;gap:8px;flex-wrap:wrap}.v2-chip{padding:6px 10px;border:3px solid #1c1c2b;border-radius:6px;font-size:11px;font-weight:900;box-shadow:2px 2px #1c1c2b}.v2-chip-work{background:#43b047;color:#fff;text-shadow:1px 1px 0 #1c1c2b}.v2-chip-meet{background:#9b59b6;color:#fff;text-shadow:1px 1px 0 #1c1c2b}.v2-chip-rest{background:#fbd000;color:#1c1c2b}.office-scene{position:relative;width:100%;height:520px;border:4px solid #1c1c2b;border-radius:12px;box-shadow:6px 6px #1c1c2b;overflow:hidden;background:#d4b896}.os-ceiling{position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(180deg,#f5e6d3,#e8d5bc);border-bottom:3px solid #1c1c2b;display:flex;justify-content:space-around;align-items:flex-end;padding-bottom:5px}.os-light{width:50px;height:14px;background:linear-gradient(180deg,#fffacd,#fbd000);border:2px solid #1c1c2b;border-radius:2px;box-shadow:0 3px 15px #fbd00099;animation:os-flicker 4s ease-in-out infinite}.os-light-2{animation-delay:1s}.os-light-3{animation-delay:2s}.os-light-4{animation-delay:3s}@keyframes os-flicker{0%,96%,to{opacity:1}97%{opacity:.3}98%{opacity:1}99%{opacity:.5}}.os-wall{position:absolute;top:43px;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:space-around;padding:0 5%}.os-painting{font-size:22px;animation:v2-float 3s ease-in-out infinite}.os-clock{font-size:24px;animation:os-spin-sec 60s linear infinite}.os-sign{font-size:10px;font-weight:900;color:#e52521;padding:3px 8px;background:#fff;border:2px solid #1c1c2b;border-radius:4px;letter-spacing:1px}@keyframes os-spin-sec{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.os-window{position:absolute;top:75px;width:120px;height:80px;border:4px solid #8B4513;border-radius:4px;overflow:hidden;background:#87ceeb}.os-window-1{left:8%}.os-window-2{right:8%}.os-window-sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#87ceeb,#b8e4f5)}.os-cloud{position:absolute;font-size:24px;animation:os-cloud-move 20s linear infinite}.os-cloud-1{top:10px;animation-delay:0s}.os-cloud-2{top:30px;animation-delay:-10s;font-size:18px}@keyframes os-cloud-move{0%{left:-30px}to{left:120px}}.os-sun{position:absolute;top:8px;right:10px;font-size:28px;animation:os-sun-rotate 10s linear infinite}@keyframes os-sun-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.os-floor{position:absolute;left:0;right:0;height:200px}.os-floor-top{top:73px;background:repeating-linear-gradient(90deg,#c99a5b,#c99a5b 60px,#b8894a 60px,#b8894a 120px);border-bottom:2px solid #1c1c2b}.os-floor-bottom{bottom:0;height:210px;background:repeating-linear-gradient(90deg,#b8894a,#b8894a 60px,#a67a3f 60px,#a67a3f 120px);border-top:2px solid #1c1c2b}.os-divider{position:absolute;top:273px;left:0;right:0;height:37px;display:flex;justify-content:center;align-items:center}.os-stairs{display:flex;flex-direction:column;gap:0}.os-step{width:100px;height:12px;background:#8b4513;border:2px solid #1c1c2b;border-bottom:none}.os-step:nth-child(1){width:140px}.os-step:nth-child(2){width:120px}.os-step:nth-child(3){width:100px;border-bottom:2px solid #1c1c2b}.os-desk{position:absolute;top:50px;width:80px;height:80px;display:flex;flex-direction:column;align-items:center}.os-desk-top{width:70px;height:20px;background:linear-gradient(180deg,sienna,#8b4513);border:3px solid #1c1c2b;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:14px;position:relative;z-index:2}.os-desk-leg{width:8px;height:40px;background:#6b3410;border:2px solid #1c1c2b;position:absolute;top:20px}.os-desk-leg:first-of-type{left:8px}.os-desk-leg:last-of-type{right:8px}.os-label{position:absolute;bottom:-18px;font-size:9px;font-weight:900;color:#1c1c2b;background:#fffc;padding:1px 4px;border-radius:3px;border:1px solid #1c1c2b;white-space:nowrap}.os-entrance{top:40px}.os-door{font-size:40px;animation:os-door-swing 5s ease-in-out infinite}@keyframes os-door-swing{0%,90%,to{transform:rotateY(0)}95%{transform:rotateY(-20deg)}}.os-coffee-area{position:absolute;top:45px;width:80px;height:90px;display:flex;flex-direction:column;align-items:center}.os-coffee-machine{font-size:36px;animation:os-coffee-brew 2s ease-in-out infinite}@keyframes os-coffee-brew{0%,to{transform:scale(1)}50%{transform:scale(1.05);filter:brightness(1.1)}}.os-coffee-cups{font-size:16px;margin-top:4px}.os-sofa{position:absolute;top:60px;width:70px;height:70px;display:flex;flex-direction:column;align-items:center}.os-sofa-seat{font-size:40px}.os-plant{position:absolute;bottom:20px;right:-20px;font-size:24px;animation:v2-sway 3s ease-in-out infinite}@keyframes v2-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.os-meeting-area{position:absolute;top:50px;width:120px;height:80px;display:flex;flex-direction:column;align-items:center}.os-meeting-table{position:relative;width:100px;height:40px}.os-mt-top{width:100px;height:15px;background:linear-gradient(180deg,#654321,#4a3015);border:3px solid #1c1c2b;border-radius:20px}.os-mt-leg{position:absolute;top:15px;width:8px;height:25px;background:#3d2910;border:2px solid #1c1c2b}.os-mt-leg:first-child{left:20px}.os-mt-leg:last-child{right:20px}.os-printer{position:absolute;top:55px;width:80px;height:80px;display:flex;flex-direction:column;align-items:center}.os-printer-body{font-size:36px;position:relative}.os-printer-paper{position:absolute;top:-5px;font-size:18px;animation:os-print 3s ease-in-out infinite}@keyframes os-print{0%,40%,to{transform:translateY(0);opacity:0}50%{transform:translateY(-10px);opacity:1}60%{transform:translateY(-15px);opacity:1}}.os-plant-big{position:absolute;bottom:20px;font-size:48px;animation:v2-sway 4s ease-in-out infinite}.os-char-layer{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.char-wrapper{position:absolute;transform:translate(-50%,-50%);cursor:pointer;pointer-events:auto;transition:z-index 0s}.char-wrapper:hover{transform:translate(-50%,-50%) scale(1.1);z-index:20!important}.char-name-tag{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:9px;font-weight:900;color:#fff;background:var(--tag-color, #E52521);border:2px solid #1c1c2b;border-radius:4px;padding:1px 6px;white-space:nowrap;text-shadow:1px 1px 0 rgba(0,0,0,.3);opacity:0;transition:opacity .2s;pointer-events:none}.char-wrapper:hover .char-name-tag{opacity:1}.pc-char{position:relative;width:50px;height:70px}.pc-shadow{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:35px;height:8px;background:#00000040;border-radius:50%;filter:blur(2px)}.pc-body{position:relative;width:100%;height:100%}.pc-normal-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:40px;height:36px}.pc-hat{position:absolute;top:0;left:50%;transform:translate(-50%);width:36px;height:16px;border:2px solid #1c1c2b;border-radius:50% 50% 30% 30%;display:flex;align-items:center;justify-content:center}.pc-hat-logo{font-size:9px;font-weight:900;color:#fff;text-shadow:1px 1px 0 #1c1c2b}.pc-face{position:absolute;top:12px;left:50%;transform:translate(-50%);width:30px;height:24px;background:#ffdbac;border:2px solid #1c1c2b;border-radius:40% 40% 50% 50%}.pc-eyes{position:absolute;top:6px;left:50%;transform:translate(-50%);display:flex;gap:6px}.pc-eye{width:4px;height:6px;background:#1c1c2b;border-radius:50%;animation:pc-blink 4s infinite}@keyframes pc-blink{0%,45%,55%,to{transform:scaleY(1)}50%{transform:scaleY(.1)}}.pc-mouth{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:3px;border-bottom:2px solid #1c1c2b;border-radius:0 0 50% 50%}.pc-smile{width:8px;height:4px;border-bottom:2px solid #1c1c2b;border-radius:0 0 50% 50%}.pc-mustache{position:absolute;top:16px;left:50%;transform:translate(-50%);width:14px;height:5px;background:#5a3825;border:2px solid #1c1c2b;border-radius:0 0 50% 50%;z-index:3}.pc-princess-head{position:absolute;top:-2px;left:50%;transform:translate(-50%);width:42px;height:40px}.pc-crown{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:16px;z-index:5;animation:v2-float 2s ease-in-out infinite}.pc-hair{position:absolute;top:12px;left:50%;transform:translate(-50%);width:40px;height:16px;border:2px solid #1c1c2b;border-radius:50% 50% 20% 20%}.pc-princess-face{position:absolute;top:16px;left:50%;transform:translate(-50%);width:28px;height:22px;background:#ffdbac;border:2px solid #1c1c2b;border-radius:40%}.pc-mushroom-head{position:absolute;top:0;left:50%;transform:translate(-50%);width:44px;height:38px;border:2px solid #1c1c2b;border-radius:50% 50% 40% 40%}.pc-mushroom-spots{position:absolute;top:6px;left:50%;transform:translate(-50%);width:30px;height:10px;background:radial-gradient(circle at 20% 50%,#fff 3px,transparent 4px),radial-gradient(circle at 50% 30%,#fff 4px,transparent 5px),radial-gradient(circle at 80% 50%,#fff 3px,transparent 4px)}.pc-bow{position:absolute;top:-4px;right:-4px;font-size:14px;animation:v2-sway 2s ease-in-out infinite}.pc-mushroom-face{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:26px;height:18px;background:#ffdbac;border:2px solid #1c1c2b;border-radius:40%}.pc-dino-head{position:absolute;top:2px;left:50%;transform:translate(-50%);width:42px;height:34px;background:var(--char-color, #049CD8);border:2px solid #1c1c2b;border-radius:50% 60% 40% 40%}.pc-dino-eye{position:absolute;top:8px;right:8px;width:5px;height:6px;background:#fff;border:2px solid #1c1c2b;border-radius:50%}.pc-dino-eye:after{content:"";position:absolute;top:1px;right:0;width:2px;height:2px;background:#1c1c2b;border-radius:50%}.pc-dino-nostril{position:absolute;top:16px;right:4px;width:3px;height:2px;background:#1c1c2b;border-radius:50%}.pc-dino-spikes{position:absolute;top:-4px;left:4px;width:20px;height:8px;background:linear-gradient(135deg,transparent 50%,#fff 50%) 0 0/6px 8px repeat-x;filter:drop-shadow(1px 0 0 #1c1c2b)}.pc-torso{position:absolute;top:34px;left:50%;transform:translate(-50%);width:32px;height:24px;border:2px solid #1c1c2b;border-radius:30% 30% 20% 20%}.pc-belly{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:18px;height:12px;background:wheat;border:2px solid #1c1c2b;border-radius:50%}.pc-arm{position:absolute;top:4px;width:8px;height:16px;background:inherit;border:2px solid #1c1c2b;border-radius:40%}.pc-arm-left{left:-6px}.pc-arm-right{right:-6px}.pc-legs{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:24px;height:12px;display:flex;gap:4px;justify-content:center}.pc-leg{width:8px;height:12px;background:#1c3d6b;border:2px solid #1c1c2b;border-radius:20%}.pc-shoes{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:28px;height:10px;display:flex;gap:4px;justify-content:center}.pc-shoe{width:10px;height:8px;background:#8b0000;border:2px solid #1c1c2b;border-radius:40% 50% 30% 40%}.pc-idle{animation:pc-idle-bob 2s ease-in-out infinite}@keyframes pc-idle-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.pc-walk{animation:pc-walk-bob .4s ease-in-out infinite}.pc-walk .pc-leg-left{animation:pc-leg-walk-l .4s ease-in-out infinite;transform-origin:top center}.pc-walk .pc-leg-right{animation:pc-leg-walk-r .4s ease-in-out infinite;transform-origin:top center}.pc-walk .pc-arm-left{animation:pc-arm-swing-l .4s ease-in-out infinite;transform-origin:top center}.pc-walk .pc-arm-right{animation:pc-arm-swing-r .4s ease-in-out infinite;transform-origin:top center}@keyframes pc-walk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pc-leg-walk-l{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}@keyframes pc-leg-walk-r{0%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes pc-arm-swing-l{0%,to{transform:rotate(-15deg)}50%{transform:rotate(15deg)}}@keyframes pc-arm-swing-r{0%,to{transform:rotate(15deg)}50%{transform:rotate(-15deg)}}.pc-run{animation:pc-run-bob .2s ease-in-out infinite}.pc-run .pc-leg-left{animation:pc-run-l .2s ease-in-out infinite;transform-origin:top center}.pc-run .pc-leg-right{animation:pc-run-r .2s ease-in-out infinite;transform-origin:top center}.pc-run .pc-arm-left{animation:pc-arm-run-l .2s ease-in-out infinite;transform-origin:top center}.pc-run .pc-arm-right{animation:pc-arm-run-r .2s ease-in-out infinite;transform-origin:top center}@keyframes pc-run-bob{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-5deg)}}@keyframes pc-run-l{0%,to{transform:rotate(45deg) translateY(-2px)}50%{transform:rotate(-30deg) translateY(0)}}@keyframes pc-run-r{0%,to{transform:rotate(-30deg) translateY(0)}50%{transform:rotate(45deg) translateY(-2px)}}@keyframes pc-arm-run-l{0%,to{transform:rotate(-40deg)}50%{transform:rotate(40deg)}}@keyframes pc-arm-run-r{0%,to{transform:rotate(40deg)}50%{transform:rotate(-40deg)}}.pc-code{animation:pc-code-bob .6s ease-in-out infinite}.pc-code .pc-arm-left,.pc-code .pc-arm-right{animation:pc-type .3s ease-in-out infinite;transform-origin:top center}.pc-code .pc-arm-right{animation-delay:.15s}@keyframes pc-code-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes pc-type{0%,to{transform:rotate(-10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-3px)}}.pc-think{animation:pc-think-sway 1.5s ease-in-out infinite;transform-origin:bottom center}@keyframes pc-think-sway{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.pc-coffee{animation:pc-coffee-sip 2s ease-in-out infinite}@keyframes pc-coffee-sip{0%,to{transform:translateY(0)}30%{transform:translateY(-3px) rotate(-5deg)}50%{transform:translateY(-2px) rotate(-3deg)}70%{transform:translateY(-3px) rotate(-5deg)}}.pc-rest{animation:pc-rest-nap 3s ease-in-out infinite}@keyframes pc-rest-nap{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(8deg)}}.pc-rest .pc-eye{height:2px;transform:scaleY(.3)}.pc-meet{animation:pc-meet-nod 1s ease-in-out infinite}@keyframes pc-meet-nod{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-1px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-1px) rotate(2deg)}}.pc-talk{animation:pc-talk-bob .8s ease-in-out infinite}.pc-talk .pc-mouth{animation:pc-mouth-move .3s ease-in-out infinite}@keyframes pc-talk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pc-mouth-move{0%,to{height:3px}50%{height:6px}}.pc-effect{position:absolute;pointer-events:none;font-size:18px;z-index:10}.pc-code-effect{top:30px;right:-15px;animation:ef-bounce .5s ease-in-out infinite}.pc-think-effect{top:-10px;right:-12px;animation:ef-float 2s ease-in-out infinite}.pc-coffee-effect{top:20px;right:-12px;animation:ef-steam 1.5s ease-in-out infinite}.pc-talk-effect{top:-5px;right:-14px;animation:ef-pop .8s ease-in-out infinite}.pc-meet-effect{top:-8px;right:-12px;animation:ef-float 1.5s ease-in-out infinite}.pc-rest-effect{top:-8px;right:-10px;animation:ef-zzz 2s ease-in-out infinite}.pc-run-effect{top:30px;left:-20px;animation:ef-dust .3s linear infinite}@keyframes ef-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.1)}}@keyframes ef-float{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(-6px);opacity:1}}@keyframes ef-steam{0%{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-8px) scale(1.2);opacity:1}to{transform:translateY(-15px) scale(.8);opacity:0}}@keyframes ef-pop{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes ef-zzz{0%{transform:translateY(0) translate(0) scale(.8);opacity:0}20%{opacity:1}to{transform:translateY(-20px) translate(10px) scale(1.2);opacity:0}}@keyframes ef-dust{0%{transform:translate(0) scale(1);opacity:.8}to{transform:translate(-15px) scale(.5);opacity:0}}.char-bubble{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:v2-fade-in .2s ease}@keyframes v2-fade-in{0%{opacity:0}to{opacity:1}}.bubble-card{background:var(--card-bg, #fff8e7);border:4px solid #1c1c2b;border-radius:12px;box-shadow:6px 6px #1c1c2b;padding:16px;min-width:240px;max-width:320px;animation:v2-pop .3s cubic-bezier(.34,1.56,.64,1)}@keyframes v2-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.bubble-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:3px solid;margin-bottom:10px}.bubble-header b{font-size:16px}.bubble-role{font-size:11px;font-weight:700;color:var(--ink-soft, #888)}.bubble-status{font-size:13px;font-weight:900;margin-bottom:8px;color:var(--ink, #1c1c2b)}.bubble-task{font-size:12px;font-weight:700;color:var(--ink, #1c1c2b);padding:8px;background:var(--track-bg, #ecdfca);border:2px solid #1c1c2b;border-radius:6px;margin-bottom:8px}.bubble-coins{font-size:13px;font-weight:900;color:#c84c0c;text-align:right}.v2-legend{text-align:center;padding:12px;margin-top:10px;font-size:11px;color:var(--ink-soft, #666);font-weight:700}.v2-legend-items{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:6px}.v2-legend-items span{background:var(--card-bg, #fff8e7);border:2px solid #1c1c2b;border-radius:4px;padding:3px 8px;box-shadow:2px 2px #1c1c2b}@keyframes v2-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes v2-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (max-width: 900px){.office-scene{height:460px}.pc-char{width:40px;height:56px}.os-desk{width:60px}.os-desk-top{width:55px;font-size:12px}}@media (max-width: 600px){.v2-topbar{flex-direction:column;text-align:center;gap:8px;padding:8px 12px}.v2-top-left,.v2-top-right{justify-content:center}.office-scene{height:380px}.pc-char{width:32px;height:45px}.os-label{font-size:8px}.os-desk-top{font-size:10px}}