:root{--bg:#f6f6f4;--surface:#fff;--ink:#121316;--muted:#62656c;--faint:#8a8d94;--line:#e7e7e3;--soft:#eeeeeb;--accent:#007a7a;--accent-soft:#e2f0ef;--warn:#b4441c;--warn-soft:#fbebe3;--hero:#141518;--hero-ink:#f4f4f1;--hero-muted:#a2a5ac;--ring:#3cc2bb;--ring-warn:#ff8a5c;--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--ease:cubic-bezier(.16, 1, .3, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{color:var(--ink);font:400 15px/1.5 var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;min-height:100dvh;display:flex}.top{z-index:20;min-height:56px;padding:env(safe-area-inset-top,0px) 12px 0;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f6f6f4e6;align-items:center;gap:6px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:10px;margin-right:6px;font-size:16px;font-weight:700;display:flex}.brand i{background:var(--ink);width:28px;height:28px;color:var(--ring);border-radius:8px;place-items:center;font-style:normal;display:grid}.brand span{display:none}.nav{gap:2px;display:flex}.nav a{height:36px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 11px;font-size:14px;font-weight:500;text-decoration:none;display:inline-flex}.nav a[aria-current=page]{background:var(--soft);color:var(--ink)}.grow{flex:1}.av{background:var(--soft);width:32px;height:32px;color:var(--ink);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:600;display:inline-grid}.av.me{background:var(--accent-soft);color:var(--accent)}.av.lg{width:38px;height:38px;font-size:15px}.who{position:relative}.who>button{background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:4px;font-weight:500;display:flex}.who-name{display:none}.menu{background:var(--surface);border:1px solid var(--line);width:240px;animation:rise .25s var(--ease) both;border-radius:16px;gap:10px;padding:12px;display:grid;position:absolute;top:46px;right:0;box-shadow:0 24px 48px -20px #12131659}.menu small{color:var(--muted)}.date-top{color:var(--muted);margin-right:8px;font-size:13px;display:none}.body{flex-direction:column;flex:1;display:flex}.main{padding:20px 18px 32px}.aside{padding:12px 18px 32px}.body.sel .main,.body:not(.sel) .aside{display:none}.foot{padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--faint);font-size:12.5px}h1.title{letter-spacing:-.035em;font-size:30px;font-weight:700;line-height:1.1}.sub{color:var(--muted);margin-top:4px;font-size:14px}.row-between{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.round{border:1px solid var(--line);background:var(--surface);border-radius:999px;place-items:center;width:40px;height:40px;display:grid}.pill-btn{border:1px solid var(--line);background:var(--surface);border-radius:999px;height:40px;padding:0 14px;font-size:14px;font-weight:500}.btn{min-height:50px;transition:transform .15s var(--ease), background .2s;touch-action:manipulation;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:16px;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.97)}.btn.teal{background:var(--ring);color:#06201f}.btn.ink{background:var(--accent);color:#fff}.btn.wide{width:100%}.btn:disabled{color:var(--hero-muted);cursor:not-allowed;background:#ffffff1a}.btn.ink:disabled{background:var(--soft);color:var(--faint)}.link{color:var(--accent);background:0 0;border:0;min-height:40px;padding:0;font-weight:600}.spin{border:2.5px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.grid,.legend{display:none}.cell-chip{text-align:left;width:100%;transition:transform .15s var(--ease), box-shadow .2s;background:#f3f3f1;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;gap:6px;padding:9px 10px;font-size:13px;display:flex}.cell-chip:hover{box-shadow:0 8px 20px -12px #12131659}.cell-chip.mine{background:var(--hero);color:var(--hero-ink)}.cell-chip.done{border-color:var(--line);background:0 0}.cell-chip.late{background:var(--warn-soft)}.cell-chip.sel{border:2px solid var(--accent)}.st{white-space:nowrap;color:var(--muted);align-items:center;gap:5px;font-size:12.5px;font-weight:500;display:inline-flex}.st.doing,.st.done{color:var(--accent)}.st.late{color:var(--warn)}.mine .st{color:var(--ring)}.dot{background:currentColor;border-radius:4px;width:7px;height:7px;animation:1.6s ease-in-out infinite live}.strip{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-bottom:20px;display:grid}.strip button{background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:1px;padding:8px 0 6px;display:flex}.strip button.today{border-color:#9fcfcb}.strip button[aria-pressed=true]{background:var(--ink);color:var(--hero-ink);border-color:var(--ink)}.strip small{opacity:.8;font-size:11.5px}.strip b{font-size:17px;font-weight:600}.strip i{border-radius:3px;width:5px;height:5px;margin-top:2px}.strip i.on{background:var(--accent)}.strip button[aria-pressed=true] i.on{background:var(--ring)}.list-item{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:100%;padding:13px 2px;display:flex}.list-item+.list-item{border-top:1px solid var(--line)}.list-item:hover{background:var(--soft)}.list-item .b{flex-direction:column;flex:1;min-width:0;display:flex}.list-item .t{font-size:15.5px;font-weight:500}.list-item .s{color:var(--muted);font-size:13.5px}.thumb{object-fit:cover;background:#3b3732;border-radius:10px;flex:none;width:44px;height:44px}.empty{background:var(--surface);border:1px solid var(--line);text-align:center;color:var(--muted);border-radius:18px;padding:28px 16px;font-size:14px}.skeleton{background:linear-gradient(90deg, var(--soft), #f4f4f2, var(--soft));background-size:200% 100%;border-radius:14px;height:64px;margin-bottom:8px;animation:1.2s linear infinite shimmer}.error{background:var(--warn-soft);color:var(--warn);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5}.hero{background:var(--hero);width:100%;color:var(--hero-ink);text-align:left;border:0;border-radius:24px;grid-template-columns:auto 1fr;align-items:center;gap:16px;padding:18px;display:grid;box-shadow:0 24px 48px -28px #1213168c}.hero .full{grid-column:1/-1}.hero .k{color:var(--ring);font-size:12.5px;font-weight:600}.hero .h{letter-spacing:-.02em;font-size:19px;font-weight:600;line-height:1.25}.hero .m{color:var(--hero-muted);font-size:13px;line-height:1.45}.ring{width:92px;height:92px;position:relative}.ring>svg{transform:rotate(-90deg)}.ring .c{flex-direction:column;justify-content:center;align-items:center;line-height:1.1;display:flex;position:absolute;inset:0}.ring b{letter-spacing:-.03em;font-size:18px;font-weight:700}.ring small{color:var(--hero-muted);margin-top:3px;font-size:10.5px}.ring circle.p{transition:stroke-dashoffset .9s var(--ease)}.back{height:40px;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;padding:0 2px;font-weight:500;display:inline-flex}.duty-title{letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1.2}.meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:8px 0 16px;font-size:14px;display:flex}.meta .p{color:var(--ink);align-items:center;gap:6px;font-weight:500;display:inline-flex}.sec{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.sec-h{color:var(--muted);font-size:13px;font-weight:600}.steps{gap:6px;margin:8px 0 0;padding-left:20px;font-size:14.5px;display:grid}.photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.photo{aspect-ratio:3/4;animation:pop .4s var(--ease) both;background:#3b3732;border-radius:14px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo .x{color:#fff;background:#0a0a0c8c;border:0;border-radius:15px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:6px;right:6px}.photo .bar{background:#ffffff4d;height:4px;position:absolute;bottom:0;left:0;right:0}.photo .bar i{background:var(--ring);transform-origin:0;height:100%;transition:transform .15s linear;display:block}.photo .retry{background:var(--warn);color:#fff;border:0;border-radius:999px;min-height:34px;font-size:13px;font-weight:600;position:absolute;inset:auto 6px 6px}.cam{text-align:center;cursor:pointer;background:#eef7f6;border:1.5px dashed #9fcfcb;border-radius:20px;flex-direction:column;align-items:center;gap:6px;margin-top:10px;padding:24px 14px;display:flex;position:relative}.cam b{font-size:16px;font-weight:600}.cam small{color:var(--muted);font-size:13px}.add{aspect-ratio:3/4;color:var(--muted);cursor:pointer;border:1.5px dashed #d6d6d1;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex;position:relative}.file{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.field{gap:6px;margin-top:12px;font-size:14px;font-weight:600;display:grid}.field span{color:var(--muted);font-size:13px;font-weight:400}textarea,input[type=email],input[type=password]{border:1px solid var(--line);background:var(--surface);border-radius:14px;width:100%;padding:11px 13px;font-size:16px;font-weight:400}textarea{resize:vertical;min-height:72px}textarea:focus,input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.ev{align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.ev small{color:var(--muted);font-size:12.5px;display:block}.center{flex:1;width:100%;max-width:760px;margin:0 auto;padding:20px 14px 32px}.card-dark{background:var(--hero);color:var(--hero-ink);border-radius:24px;padding:24px 18px 22px;box-shadow:0 30px 60px -32px #12131699}.card-dark h1{letter-spacing:-.03em;font-size:24px;font-weight:700;line-height:1.15}.card-dark p.m{color:var(--hero-muted);max-width:52ch;margin-top:8px;font-size:15px;line-height:1.55}.board{background:#ffffff0a;border-radius:20px;grid-template-columns:64px repeat(5,minmax(0,1fr));align-items:center;gap:6px;margin-top:22px;padding:12px 10px;display:grid}.board .d{text-align:center;color:var(--hero-muted);font-size:12px}.board .n{color:#d0d2d6;font-size:12px}.tile{color:#6f727a;background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;height:44px;font-size:12.5px;font-weight:600;transition:background-color .25s,color .25s;display:flex}.tile.locked{color:var(--hero-ink);background:#ffffff1f}.tile.mine{background:var(--ring);color:#06201f}.tile.empty{background:0 0;border:1px dashed #ffffff1f}.tile.roll span{filter:blur(.6px);opacity:.8}.notice{color:#bdeeea;background:#3cc2bb24;border-radius:14px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.5}.toast{z-index:60;left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));background:var(--ink);max-width:calc(100vw - 28px);color:var(--hero-ink);animation:rise .35s var(--ease) both;border-radius:999px;align-items:center;gap:8px;padding:11px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;transform:translate(-50%)}.lightbox{z-index:50;background:#08080af0;place-items:center;padding:56px 10px 20px;display:grid;position:fixed;inset:0}.lightbox img{border-radius:12px;max-width:100%;max-height:100%}.fade{animation:fade .35s var(--ease) both}.rise{animation:rise .5s var(--ease) both}@keyframes fade{0%{opacity:0;transform:translateY(6px)}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@keyframes pop{0%{opacity:0;transform:scale(.6)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes live{0%,to{opacity:1}50%{opacity:.3}}@keyframes shimmer{to{background-position:-200% 0}}@media (width>=960px){.top{min-height:64px;padding:0 28px}.brand span{display:inline}.brand{margin-right:18px}.nav a{height:38px;padding:0 14px;font-size:14.5px}.who-name{display:inline}.who>button{border:1px solid var(--line);background:var(--surface);height:40px;padding:0 12px 0 4px}.date-top{display:inline}.body{grid-template-columns:minmax(0,1fr) 400px;height:calc(100dvh - 64px);min-height:0;display:grid}.main,.body.sel .main{padding:26px 28px 40px;display:block;overflow:auto}.aside,.body:not(.sel) .aside{border-left:1px solid var(--line);background:#fbfbfa;padding:22px 24px 40px;display:block;overflow:auto}.foot,.strip,.daylist{display:none}h1.title{font-size:32px}.grid{background:var(--surface);border:1px solid var(--line);border-radius:18px;grid-template-columns:188px repeat(7,minmax(0,1fr));display:grid;overflow:hidden}.grid .head{border-bottom:1px solid var(--line);color:var(--muted);border-left:1px solid #efefec;flex-direction:column;align-items:center;gap:2px;padding:12px 0 10px;font-size:12px;display:flex}.grid .head b{color:var(--ink);font-size:18px;font-weight:600}.grid .head.today{color:var(--accent);background:#f2f8f7}.grid .head.today b{background:var(--accent);color:#fff;border-radius:16px;place-items:center;width:32px;height:32px;display:grid}.grid .rl{border-bottom:1px solid #efefec;flex-direction:column;justify-content:center;gap:2px;min-height:112px;padding:0 16px;display:flex}.grid .rl b{font-size:14px}.grid .rl small{color:var(--muted);font-size:12.5px}.grid .cell{border-bottom:1px solid #efefec;border-left:1px solid #efefec;flex-direction:column;gap:6px;min-height:112px;padding:8px;display:flex}.grid .cell.today{background:#f8fbfb}.legend{color:var(--muted);flex-wrap:wrap;gap:18px;margin-top:14px;font-size:13px;display:flex}.center{padding:56px 28px 48px}.card-dark{border-radius:28px;padding:36px 36px 32px}.card-dark h1{font-size:30px}.board{grid-template-columns:136px repeat(5,minmax(0,1fr));gap:10px;padding:18px}.board .n{font-size:14px}.tile{border-radius:14px;height:52px;font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}