@font-face{font-family:Zen Maru Gothic;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/zen-maru-gothic-japanese-400-normal-CSTAsYFD.woff2)format("woff2"),url(/assets/zen-maru-gothic-japanese-400-normal-B5XklHVe.woff)format("woff")}@font-face{font-family:Zen Maru Gothic;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/zen-maru-gothic-japanese-700-normal-ChLL3Jki.woff2)format("woff2"),url(/assets/zen-maru-gothic-japanese-700-normal-CDKwQYDu.woff)format("woff")}:root{--bg:#101218;--surface:#1a1d26;--surface2:#232734;--border:#2a2e3c;--ink:#ededf2;--sub:#9aa0b4;--accent:#9d8cff;--accent-ink:#16121f;--danger:#e07a7a;--rank-s-1:#fbe6a8;--rank-s-2:#e3b341;--rank-a-1:#eef0f4;--rank-a-2:#a7afc2;--rank-b:#b6743c;--rank-c:#4fc1a6;--rank-d:#5a5f6e;--shadow:0 8px 24px #06070c66;--font-rounded:"Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic UI", "BIZ UDGothic", "Rounded Mplus 1c", system-ui, sans-serif;--font-mono:"SF Mono", "Cascadia Mono", Consolas, monospace;font:15px/1.6 var(--font-rounded);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100svh;margin:0 auto;display:flex;position:relative}.app-loading{min-height:100svh;color:var(--sub);justify-content:center;align-items:center;display:flex}.appbar{z-index:30;background:var(--bg);height:calc(52px + env(safe-area-inset-top,0px));padding:calc(14px + env(safe-area-inset-top,0px)) 16px 8px;align-items:center;gap:8px;display:flex;position:sticky;top:0}.appbar-back{color:var(--accent);background:0 0;border:none;padding:4px 6px;font-size:22px;line-height:1}.appbar-title{letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:700;overflow:hidden}.appbar-spacer{flex:1}.appbar-icon{color:var(--sub);background:0 0;border:none;border-radius:10px;padding:4px 8px;font-size:18px}.appbar-icon:hover{background:var(--surface)}.screen{flex:1;padding:6px 16px 96px;position:relative}.empty{color:var(--sub);text-align:center;margin-top:40px;font-size:13.5px}.card{background:var(--surface);border:1px solid var(--border);-webkit-user-select:none;user-select:none;border-radius:16px;align-items:center;gap:12px;margin-top:10px;padding:14px 16px;display:flex}.card-grow{flex:1;min-width:0}.card-name{align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.card-meta{color:var(--sub);margin-top:3px;font-size:12px}.card-meta--row{flex-wrap:wrap;gap:2px 14px;display:flex}.card-meta--row>span{white-space:nowrap}.chev{color:var(--sub);font-size:18px}.score{color:var(--sub);white-space:nowrap;font-size:12px}.heart{color:#ff7b93;font-size:14px;line-height:1}.memoic{font-size:13px}.fab{right:max(18px,50vw - 222px);bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--accent);width:56px;height:56px;color:var(--accent-ink);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:600;display:flex;position:fixed;box-shadow:0 4px 16px #9d8cff66}.ranking-row{align-items:center;gap:8px;margin-top:10px;display:flex}.ranking-row .card{flex:1;min-width:0;margin-top:0}.ranking-num{text-align:center;width:22px;color:var(--sub);flex-shrink:0;font-size:13px;font-weight:700}.sort-toggle{top:calc(52px + env(safe-area-inset-top,0px));z-index:20;background:var(--bg);gap:8px;margin:0 -16px;padding:6px 16px 8px;display:flex;position:sticky}.sort-chip{border:1px solid var(--border);color:var(--sub);background:0 0;border-radius:999px;padding:6px 14px;font-size:12.5px}.sort-chip--on{background:var(--surface2);color:var(--ink);border-color:var(--accent)}.rank-badge{min-width:40px;height:40px;color:var(--accent-ink);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.rank-badge--sm{min-width:34px;height:34px;font-size:13px}.rank-badge--lg{min-width:56px;height:56px;font-size:22px}.rank-badge--B{background:var(--rank-b)}.rank-badge--C{background:var(--rank-c)}.rank-badge--D{background:var(--rank-d);color:#d7dae2}.rank-badge--S,.rank-badge--A{background-size:220% 100%;animation:2.6s linear infinite shimmer}.rank-badge--S{background-image:linear-gradient(100deg, var(--rank-s-2) 0%, var(--rank-s-1) 35%, var(--rank-s-2) 55%, var(--rank-s-1) 75%, var(--rank-s-2) 100%)}.rank-badge--A{background-image:linear-gradient(100deg, var(--rank-a-2) 0%, var(--rank-a-1) 35%, var(--rank-a-2) 55%, var(--rank-a-1) 75%, var(--rank-a-2) 100%)}@keyframes shimmer{0%{background-position:0 0}to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.rank-badge--S,.rank-badge--A{background-image:none;background-color:var(--rank-s-2);animation:none}.rank-badge--A{background-color:var(--rank-a-2)}}.field{margin-top:14px}.field label{color:var(--sub);letter-spacing:.06em;margin-bottom:5px;font-size:11.5px;display:block}.field-error,.pin-error{color:var(--danger);margin:8px 0 0;font-size:12.5px}.input{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;padding:11px 12px;font-size:15px}textarea.input{resize:vertical}.memo-box{min-height:96px}.link-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.link-row .input{flex:130px}.link-open{color:var(--accent);white-space:nowrap;font-size:12.5px}.btn{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:8px 14px;font-size:13px}.btn--ghost{background:0 0}.btn--primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:700}.btn--primary:disabled{opacity:.5}.btn--sm{padding:6px 10px;font-size:12px}.savebtn{background:var(--accent);width:100%;color:var(--accent-ink);text-align:center;border:none;border-radius:14px;margin-top:18px;padding:14px;font-size:15px;font-weight:700}.delbtn{text-align:center;width:100%;color:var(--danger);background:0 0;border:none;margin-top:16px;padding:8px;font-size:13px;text-decoration:underline;display:block}.scores{gap:8px;margin-top:16px;display:flex}.stepper{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:14px;flex:1;min-width:0;padding:10px 4px}.stepper-label{color:var(--sub);font-size:11.5px}.stepper-value{margin:6px 0;font-size:24px;font-weight:700}.stepper-btns{justify-content:center;gap:8px;display:flex}.stepper-btns button{background:var(--surface2);border:1px solid var(--border);width:44px;height:44px;color:var(--accent);-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.stepper-btns button:active{background:var(--border)}.rankrow{background:var(--surface2);border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;display:flex}.rankrow-label{color:var(--sub);letter-spacing:.06em;font-size:11.5px}.rankrow-total{margin-top:3px;font-size:13px}.fav-btn{background:var(--surface);border:1px solid var(--border);color:var(--sub);border-radius:999px;align-items:center;gap:8px;margin-top:16px;padding:9px 16px;font-size:14px;display:inline-flex}.fav-btn .fav-heart{color:var(--sub);font-size:18px;line-height:1;transition:transform .15s,color .15s}.fav-btn--on{color:var(--ink);background:#ff7b931f;border-color:#ff7b938c}.fav-btn--on .fav-heart{color:#ff7b93;transform:scale(1.15)}.updated-at{color:var(--sub);margin-top:14px;font-size:12px}.sheet-overlay{z-index:20;background:#06070c8c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--surface);width:100%;max-width:480px;padding:18px 20px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);border-radius:20px 20px 0 0}.sheet h3{margin:0 0 12px;font-size:15px}.sheet-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.srow{border-bottom:1px solid var(--border);border-inline:none;width:100%;color:var(--ink);text-align:left;background:0 0;border-top:none;align-items:center;gap:12px;padding:13px 2px;font-size:14.5px;display:flex}.srow:last-of-type{border-bottom:none}.srow-icon{text-align:center;width:20px;font-size:16px}.srow-body{flex-direction:column;gap:2px;display:flex}.srow-desc{color:var(--sub);font-size:12px}.hidden-input{display:none}.pin-change{text-align:center;flex-direction:column;align-items:center;display:flex}.pin-change .btn{margin-top:16px}.pin-screen{max-width:480px;min-height:100svh;padding:calc(64px + env(safe-area-inset-top,0px)) 20px 32px;flex-direction:column;align-items:center;margin:0 auto;display:flex}.pin-logo{letter-spacing:.06em;font-size:22px;font-weight:700}.pin-logo-accent{color:var(--accent)}.pin-caption{color:var(--sub);margin-top:10px;font-size:13px}.pin-dots{gap:18px;margin:32px 0 36px;display:flex}.pin-dot{border:1.5px solid var(--sub);border-radius:50%;width:14px;height:14px}.pin-dot--on{background:var(--accent);border-color:var(--accent)}.pin-pad{grid-template-columns:repeat(3,72px);gap:14px 22px;display:grid}.pin-key{background:var(--surface);border:1px solid var(--border);width:72px;height:62px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.pin-key--ghost{color:var(--sub);background:0 0;border:none;font-size:16px}.pin-forgot{color:var(--sub);background:0 0;border:none;margin-top:40px;font-size:12.5px;text-decoration:underline}