:root{--page: #F4EFF6;--surface: #FFFFFF;--subtle: #FDFAFD;--subtle2: #FBF6FB;--hair: rgba(90,45,110,.12);--hair-strong: rgba(90,45,110,.16);--ink: #2A1B33;--brand-ink: #3B1F52;--ink2: #5C4A66;--muted: #7A6A82;--faint: #9A8AA2;--disabled: #BCAFC2;--disabled2: #A99BB0;--pink: #E07FBC;--violet: #8A5AC8;--deep: #5B2D8E;--ink-violet: #4A2A6E;--magenta: #B4529A;--link: #6B37A0;--grad: linear-gradient(100deg,#E07FBC,#8A5AC8 62%,#5B2D8E);--grad-cell: linear-gradient(120deg,#E07FBC,#8A5AC8 62%,#5B2D8E);--wash: linear-gradient(112deg,rgba(232,148,198,.16),rgba(138,90,200,.13));--bar: linear-gradient(90deg,#E07FBC,#8A5AC8);--ok: #256B43;--ok-bg: rgba(46,125,79,.09);--ok-bd: rgba(46,125,79,.2);--warn: #8A5E12;--warn-ic: #B07818;--warn-bg: rgba(176,120,24,.09);--warn-bd: rgba(176,120,24,.26);--err: #9C3630;--err-bg: rgba(179,64,58,.09);--heat: 138,90,200;--sh-card: 0 2px 10px rgba(90,45,110,.04);--sh-raised: 0 1px 4px rgba(90,45,110,.14);--sh-primary: 0 10px 22px rgba(122,60,160,.26);--sh-cell: 0 8px 20px rgba(122,60,160,.28);--sh-drawer: 22px 0 44px rgba(42,27,51,.24);--spring: #FBE7CE;--summer: #FBF3CE;--autumn: #F1D9D9;--winter: #DDE2F1;--ui: "Noto Sans KR","Noto Sans TC","Apple SD Gothic Neo","PingFang TC",system-ui,-apple-system,sans-serif;--display: "Playfair Display", Georgia, serif;--mono: ui-monospace, Menlo, monospace}@media(prefers-color-scheme:dark){:root{--page: #1B1220;--surface: #241a2b;--subtle: #22182a;--subtle2: #271d30;--hair: rgba(255,255,255,.1);--hair-strong: rgba(255,255,255,.16);--ink: #F7F1F9;--brand-ink: #F0E8F3;--ink2: #D9CCDF;--muted: #A99BB0;--faint: #9A8AA2;--disabled: #6f6277;--disabled2: #8a7c92;--pink: #F3A8D4;--violet: #B48BE8;--deep: #8A5AC8;--magenta: #F3A8D4;--link: #B48BE8;--ok: #7FD3A5;--ok-bg: rgba(127,211,165,.12);--ok-bd: rgba(127,211,165,.28);--warn: #E7BC70;--warn-ic: #E0A94A;--warn-bg: rgba(224,169,74,.12);--warn-bd: rgba(224,169,74,.3);--err: #E79b95;--err-bg: rgba(231,155,149,.12);--heat: 180,139,232;--spring: #4a3c2a;--summer: #47432a;--autumn: #432f30;--winter: #2c3147;--sh-card: 0 2px 10px rgba(0,0,0,.4)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{margin:0;background:var(--page);color:var(--ink);font-family:var(--ui);line-height:1.5;-webkit-font-smoothing:antialiased}#app{min-height:100%;display:flex;justify-content:center}.app{width:100%;max-width:560px;min-height:100dvh;display:flex;flex-direction:column;background:var(--surface);position:relative}button{font:inherit;cursor:pointer}button:focus-visible,[tabindex]:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 3px #8a5ac847;border-radius:8px}.hdr{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;padding:8px 16px 10px;background:var(--surface);border-bottom:1px solid var(--hair)}.iconbtn{width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid var(--hair-strong);background:var(--subtle);color:var(--deep);display:grid;place-items:center;font-size:17px}.hid{flex:1}.hid .pid{font:700 19px/1 var(--ui);color:var(--ink)}.hid .prog{font:400 12px/1 var(--muted);margin-top:5px}.track{height:4px;border-radius:3px;background:#5a2d6e1f;overflow:hidden;margin-top:6px}.track i{display:block;height:100%;background:var(--grad)}.tax{font:600 10.5px/1 var(--mono);color:var(--link);background:#8a5ac81a;border-radius:999px;padding:5px 9px}.langpick{font:600 12px/1 var(--ui);color:var(--ink2);background:var(--subtle);border:1px solid var(--hair-strong);border-radius:999px;padding:6px 9px;white-space:nowrap}.body{flex:1;overflow-y:auto;padding:14px 16px 16px;display:flex;flex-direction:column;gap:14px}.rowlbl{display:flex;align-items:center;justify-content:space-between}.rowlbl .t{font:700 13px/1 var(--ui);color:var(--ink)}.film{display:grid;grid-template-columns:1.62fr 1fr;gap:8px}.film .col{display:flex;flex-direction:column;gap:8px}.ph{position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(160deg,#c9b7c4,#8a7794)}.ph.front{aspect-ratio:3/4}.ph.side{flex:1;border-radius:14px}.ph .a{position:absolute;top:8px;inset-inline-start:8px;font:600 10.5px/1 var(--ui);color:#fff;background:#1b1220a8;padding:3px 8px;border-radius:999px}.ph .exp{position:absolute;top:8px;inset-inline-end:8px;width:28px;height:28px;border-radius:50%;border:0;background:#1b122080;color:#fff;font-size:13px}.ph svg.lm{position:absolute;inset:0;width:100%;height:100%;opacity:0}.film.lm-on svg.lm{opacity:.9}.lmtoggle{display:inline-flex;align-items:center;gap:8px;font:600 11.5px/1 var(--ui);color:var(--ink2);background:none;border:0;padding:6px 0}.lmtoggle.on{color:var(--deep)}.lmknob{width:38px;height:22px;border-radius:999px;background:var(--hair-strong);position:relative}.lmknob.on{background-image:var(--grad)}.lmknob:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .16s}.lmknob.on:after{inset-inline-start:19px}.card{border:1px solid var(--hair);border-radius:18px;background:var(--subtle);padding:14px}.card>.ct{display:flex;align-items:center;gap:8px;font:700 12.5px/1 var(--ink2);margin-bottom:10px}.card>.ct .badge{font:600 10px/1 var(--ui);color:var(--ok);background:var(--ok-bg);border:1px solid var(--ok-bd);border-radius:999px;padding:4px 8px}.sw3{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sw i{display:block;height:46px;border-radius:12px;border:1px solid var(--hair)}.sw span{display:block;font:500 10px/1.3 var(--ui);color:var(--muted);margin-top:5px;text-align:center}.conds{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.cond{font:600 11px/1 var(--ui);padding:8px 12px;border-radius:999px}.cond.on{background:var(--warn-bg);border:1px solid var(--warn-bd);color:var(--warn)}.cond.off{background:var(--ok-bg);border:1px solid var(--ok-bd);color:var(--ok)}.acc{border:1px solid var(--hair);border-radius:16px;overflow:hidden;background:var(--surface)}.acc summary{list-style:none;cursor:pointer;min-height:52px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between}.acc summary::-webkit-details-marker{display:none}.acc summary .mt{font:700 12.5px/1.3 var(--ink)}.acc summary .ms{font:400 11px/1 var(--muted);margin-top:4px}.acc summary .chev{color:var(--violet);transition:transform .18s}.acc[open] summary{background-image:var(--wash)}.acc[open] summary .chev{transform:rotate(90deg)}.measly{padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.mg h4{font:700 11px/1 var(--magenta);margin:0 0 7px}.mrow{display:grid;grid-template-columns:46px 1fr 38px;align-items:center;gap:6px;padding:2px 0}.mrow .l{font:400 11px/1 var(--muted)}.mrow .tk{height:6px;border-radius:3px;background:#5a2d6e1a;overflow:hidden}.mrow .tk i{display:block;height:100%;background:var(--bar)}.mrow .v{font:500 10.5px/1 var(--mono);color:var(--ink-violet);text-align:end}.asys{border:1px solid var(--hair);border-radius:20px;background:var(--surface);box-shadow:var(--sh-card);padding:16px 14px}.asys .h{display:flex;align-items:baseline;gap:8px;margin-bottom:11px}.asys .h .num{font-family:var(--display);font-weight:600;font-size:18px;color:var(--violet)}.asys .h .ti{font:700 15px/1 var(--ink)}.asys .h .hint{font:400 11px/1 var(--muted)}.asys .h .done{margin-inline-start:auto;font:600 10.5px/1 var(--ok);background:var(--ok-bg);border-radius:999px;padding:4px 9px}.slots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.slot{border-radius:12px;padding:8px 11px;text-align:start;background:var(--subtle);border:1px dashed var(--hair-strong)}.slot .sl{font:600 10.5px/1 var(--ui);letter-spacing:.1em;text-transform:uppercase}.slot.p .sl{color:var(--magenta)}.slot.s .sl{color:var(--faint)}.slot .sv{font:700 13px/1.2 var(--ui);color:var(--ink);margin-top:5px}.slot .sv.empty{color:var(--faint);font-weight:500}.slot[aria-pressed=true]{border:1.5px solid var(--violet);border-style:solid;background-image:var(--wash);box-shadow:0 0 0 3px #8a5ac81a}.padwrap{display:grid;grid-template-columns:16px 1fr;grid-template-rows:16px 1fr 16px;gap:4px;align-items:center}.padwrap .ax{font:600 10px/1 var(--faint);text-align:center}.padwrap .top,.padwrap .bot{grid-column:2}.padwrap .lft{grid-row:2;writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font:600 9.5px/1 var(--faint)}.pad{grid-row:2;grid-column:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:6px}.cell{min-height:88px;border-radius:16px;border:1px solid var(--hair-strong);background:var(--subtle);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}.cell .ko{font:700 17px/1 var(--ink)}.cell .en{font:500 10.5px/1 var(--muted);letter-spacing:.14em}.cell[data-role=primary]{border:0;background-image:var(--grad-cell);box-shadow:var(--sh-cell)}.cell[data-role=primary] .ko,.cell[data-role=primary] .en{color:#fff}.cell[data-role=secondary]{border:1.5px solid var(--violet);background:var(--subtle2)}.cell .bdg{position:absolute;top:7px;inset-inline-start:8px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--ui)}.cell[data-role=primary] .bdg{background:#ffffff47;color:#fff}.cell[data-role=secondary] .bdg{background:#8a5ac829;color:var(--deep)}.ctable{display:grid;grid-template-columns:40px repeat(4,1fr);gap:6px}.ctable .ch{border-radius:8px;padding:6px 0;text-align:center;font:700 10.5px/1.2 var(--ui)}.ctable .rh{display:grid;place-items:center;font:600 11px/1 var(--ink2)}.ccell{height:52px;border-radius:12px;border:0;position:relative}.ccell[data-role=primary]{box-shadow:0 0 0 3px var(--violet),var(--sh-cell)}.ccell[data-role=secondary]{box-shadow:inset 0 0 0 1.5px var(--violet)}.ccell .bdg{position:absolute;top:3px;inset-inline-end:5px;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;font:800 10px/1 var(--ui)}.ccell[data-role=primary] .bdg{background:var(--grad);color:#fff}.ccell[data-role=secondary] .bdg{background:#8a5ac833;color:var(--deep)}.conf{display:flex;align-items:center;gap:8px;margin-top:12px}.conf .cl{font:600 11px/1 var(--muted)}.conf .seg{flex:1;display:flex;gap:3px;background:#5a2d6e12;border-radius:12px;padding:3px}.conf .seg button{flex:1;border:0;background:transparent;color:var(--muted);font:700 12px/1;padding:9px 0;border-radius:9px}.conf .seg button[aria-pressed=true]{background:var(--surface);color:var(--deep);box-shadow:var(--sh-raised)}.notes label{font:700 12.5px/1 var(--ink2)}.notes textarea{width:100%;min-height:76px;margin-top:8px;border:1px solid var(--hair-strong);border-radius:16px;padding:13px 14px;font:400 13px/1.5 var(--ui);color:var(--ink);background:var(--surface);resize:none}.notes textarea::placeholder{color:var(--faint)}.notes textarea:focus{border-color:var(--violet)}.foot{position:sticky;bottom:0;z-index:5;background:#fffffff5;backdrop-filter:blur(8px);border-top:1px solid var(--hair);padding:11px 16px 16px;display:flex;flex-direction:column;gap:9px}@media(prefers-color-scheme:dark){.foot{background:#241a2bf5}}.foot .hint{font:600 12px/1.3 var(--ui);text-align:center}.foot .hint.blocked{color:var(--warn)}.foot .hint.ready{color:var(--ok)}.foot .row{display:flex;gap:9px}.savebtn{flex:1;height:60px;border:0;border-radius:18px;background-image:var(--grad);box-shadow:var(--sh-primary);color:#fff;font:700 16px/1 var(--ui)}.savebtn:disabled{background:#efe9f1;background-image:none;box-shadow:none;color:var(--disabled2)}@media(prefers-color-scheme:dark){.savebtn:disabled{background:#ffffff0f}}.flagbtn{width:60px;flex:0 0 60px;border-radius:18px;border:1px solid var(--warn-bd);background:var(--warn-bg);color:var(--warn-ic);font-size:20px}.scrim{position:absolute;inset:0;background:#2a1b336b;opacity:0;pointer-events:none;transition:opacity .2s;z-index:8}.scrim.on{opacity:1;pointer-events:auto}.drawer{position:absolute;inset-block:0;inset-inline-start:0;width:334px;max-width:86%;background:var(--surface);z-index:9;transform:translate(-104%);transition:transform .22s ease-out;box-shadow:var(--sh-drawer);display:flex;flex-direction:column}.drawer.on{transform:translate(0)}.dhd{padding:16px;border-bottom:1px solid var(--hair)}.dhd .brand{font:700 17px/1 var(--brand-ink)}.dhd .brand em{font-family:var(--display);font-style:italic;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.dhd .who{font:400 12px/1 var(--muted);margin-top:6px}.dnav{padding:10px;display:flex;flex-direction:column;gap:6px}.navrow{display:flex;align-items:center;gap:10px;height:50px;padding:0 12px;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--ink);font:600 14px/1 var(--ui);text-align:start}.navrow .cnt{margin-inline-start:auto;font:700 11px/1 var(--ui);background:var(--subtle2);border:1px solid var(--hair);border-radius:999px;padding:4px 9px;color:var(--muted)}.navrow[aria-current=true]{border-color:var(--violet);background-image:var(--wash)}.dfilters{display:flex;gap:6px;padding:6px 12px 12px}.fchip{font:600 11.5px/1 var(--ui);border-radius:999px;padding:7px 11px;border:1px solid var(--hair);background:var(--surface);color:var(--muted)}.fchip[aria-pressed=true]{background-image:var(--grad);color:#fff;border-color:transparent}.dlist{overflow-y:auto;padding:0 10px 14px;display:flex;flex-direction:column;gap:4px}.qitem{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:12px;border:1px solid transparent;background:transparent;text-align:start}.qitem[aria-current=true]{background:var(--subtle2)}.qitem.progress{border-color:var(--violet)}.qitem.flagged{border-color:var(--warn-bd);background:var(--warn-bg)}.qthumb{width:34px;height:44px;border-radius:8px;flex:0 0 34px;background:linear-gradient(160deg,#c9b7c4,#8a7794)}.qmeta{flex:1}.qmeta .qid{font:700 13px/1 var(--ink)}.qmeta .qst{font:500 10.5px/1.3 var(--muted);margin-top:4px}.qmeta .qst.done{color:var(--ok)}.qmeta .qst.flag{color:var(--warn)}.qdot{width:9px;height:9px;border-radius:50%;background:var(--violet)}.dashhd{display:flex;align-items:center;gap:12px;padding:8px 16px 10px;background:var(--surface);border-bottom:1px solid var(--hair);position:sticky;top:0;z-index:5}.dashhd .t{font:700 17px/1 var(--ink)}.dashhd .who{font:400 12px/1 var(--muted);margin-inline-start:auto}.dash{padding:18px 16px 24px;display:flex;flex-direction:column;gap:18px}.progcard{border-radius:20px;background-image:var(--wash);border:1px solid rgba(138,90,200,.16);padding:18px}.progcard .top{display:flex;align-items:baseline;gap:8px}.progcard .fig{font-family:var(--display);font-weight:600;font-size:42px;line-height:1;color:var(--ink-violet);font-variant-numeric:tabular-nums}.progcard .of{font:400 13px/1 var(--muted);flex:1}.progcard .pct{font:700 15px/1 var(--violet)}.progcard .bar{height:8px;border-radius:5px;background:#ffffff80;overflow:hidden;margin:12px 0}.progcard .bar i{display:block;height:100%;background:var(--grad)}.progcard .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.progcard .tile{background:#ffffffb8;border-radius:14px;padding:10px;text-align:center}@media(prefers-color-scheme:dark){.progcard .tile{background:#ffffff0f}}.progcard .tile .n{font:700 20px/1 var(--ink);font-variant-numeric:tabular-nums}.progcard .tile .n.wait{color:var(--warn)}.progcard .tile .l{font:500 10.5px/1 var(--muted);margin-top:4px}.dsec h4{font:800 10.5px/1 var(--faint);letter-spacing:.1em;text-transform:uppercase;margin:0 0 11px}.distrow{display:grid;grid-template-columns:74px 1fr 26px;align-items:center;gap:8px;padding:3px 0}.distrow .l{font:700 11.5px/1.15 var(--ink)}.distrow .l small{color:var(--faint);font-weight:500}.distrow .tk{height:12px;border-radius:6px;background:#5a2d6e1a;overflow:hidden}.distrow .tk i{display:block;height:100%;background:var(--grad);border-radius:6px}.distrow .v{font:700 12px/1 var(--ink);text-align:end;font-variant-numeric:tabular-nums}.heat{display:grid;grid-template-columns:40px repeat(4,1fr);gap:6px}.heat .ch{font:700 10px/1.2 var(--ui);text-align:center}.heat .ch small{color:var(--faint);font-weight:500}.heat .rh{display:grid;place-items:center;font:600 10.5px/1 var(--ink2)}.hcell{height:50px;border-radius:12px;display:grid;place-items:center;font:800 13px/1 var(--ui);font-variant-numeric:tabular-nums;position:relative;border:1px solid var(--hair)}.hcell.rare{border:1.5px solid var(--warn-ic)}.hcell.rare:after{content:"⚠";position:absolute;top:1px;inset-inline-end:4px;font-size:8px}.legend{display:flex;align-items:center;gap:8px;margin-top:10px;font:400 10px/1 var(--faint)}.legend .g{flex:1;height:8px;border-radius:4px;background:linear-gradient(90deg,rgba(var(--heat),.12),rgba(var(--heat),.9))}.rarehint{margin-top:10px;font:600 11px/1.4 var(--warn);display:flex;gap:6px}