@import "https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Atkinson+Hyperlegible+Next:ital,wght@0,400;0,600;0,700;1,400&display=swap";:root{--blue:#2343c8;--blue-deep:#18309a;--page:#e6ebf5;--white:#fff;--ink:#18203a;--muted:#5e6785;--rule:#cfd6e6;--yellow:#ffd43b;--yellow-lip:#d9a800;--up:#17824d;--down:#c7372a;--display:"Bagel Fat One", "Arial Rounded MT Bold", system-ui, sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-family:Atkinson Hyperlegible Next,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body,h1,h2,p,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}::selection{background:var(--yellow);color:var(--ink)}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--muted)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{max-width:1240px;margin:0 auto;padding:0 28px}.app-header{align-items:center;gap:32px;padding:22px 0;display:flex}.brand{font-family:var(--display);color:var(--blue);letter-spacing:-.01em;font-size:30px;line-height:1}.main-nav{background:var(--white);border-radius:999px;gap:4px;padding:4px;display:flex}.main-nav button{color:var(--muted);border-radius:999px;padding:8px 18px;font-weight:600}.main-nav button:hover{color:var(--ink)}.main-nav button.active{background:var(--ink);color:var(--white)}.header-right{align-items:center;gap:6px;margin-left:auto;display:flex}.balance{flex-direction:column;align-items:flex-end;margin-right:10px;line-height:1.2;display:flex}.balance strong{font-family:var(--display);font-size:22px;font-weight:400}.balance small{color:var(--muted);font-size:13px}.icon-button{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.icon-button:hover{background:var(--white);color:var(--ink)}.save-warning{color:var(--down);background:#fde2df;border-radius:12px;margin-bottom:16px;padding:12px 16px;font-weight:600}main{padding-bottom:32px}.button{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:0 26px;font-size:17px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:inline-flex}.button.primary{background:var(--yellow);color:var(--ink);box-shadow:0 5px 0 var(--yellow-lip)}.button.primary:hover:not(:disabled){background:#ffdc5c}.button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--yellow-lip);transform:translateY(4px)}.button.primary:disabled{color:var(--muted);background:#e4e7ef;box-shadow:0 5px #c7ccd8}.button.secondary{background:var(--white);box-shadow:inset 0 0 0 2px var(--rule)}.button.secondary:hover{box-shadow:inset 0 0 0 2px var(--ink)}.button.small{border-radius:10px;min-height:36px;padding:0 16px;font-size:15px}.button.danger{background:var(--down);color:var(--white)}.button.danger-text{color:var(--down)}.button.full-width{width:100%}.link-button{color:var(--blue);text-underline-offset:4px;font-weight:700;text-decoration:underline;text-decoration-thickness:2px}.link-button:hover{-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow)}.link-button.on-blue{color:var(--white);opacity:.85}.sticker{--tilt:0deg;background:var(--white);transform:rotate(var(--tilt));border-radius:12px;padding:8px 8px 0;display:block;position:relative;box-shadow:0 1px #18203a14,0 10px 24px -10px #18203a73}.sticker>img,.sticker>video,.sticker>.unrevealed-media{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.sticker.big{width:min(320px,100%);padding-bottom:8px}.sticker-caption{color:var(--muted);text-align:left;flex-direction:column;padding:8px 4px 10px;font-size:14px;line-height:1.3;display:flex}.sticker-caption b{font-family:var(--display);color:var(--ink);font-size:20px;font-weight:400}.sticker.big:has(.sticker-caption){padding-bottom:0}.sticker.faded>img,.sticker.faded>video{filter:grayscale(.7);opacity:.7}.sticker.empty{aspect-ratio:1;place-items:center;padding:0;display:grid}.empty-mark{font-family:var(--display);color:var(--rule);font-size:120px;line-height:1}.stamp{width:56px;height:56px;color:var(--white);border:4px solid var(--white);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-14px;right:-14px}.stamp.yes{background:var(--up)}.stamp.no{background:var(--down)}.unrevealed-media{aspect-ratio:1;color:#9aa5c4;font-family:var(--display);background:#dfe5f3;border-radius:6px;place-items:center;font-size:64px;line-height:1;display:grid}.thumb{object-fit:cover;border-radius:8px;flex:none;width:36px;height:36px}.thumb.unrevealed-media{font-size:18px}.thumb.large{border-radius:10px;width:56px;height:56px}.thumb.large.unrevealed-media{font-size:26px}.tip-thumb{background:var(--yellow);color:var(--ink);place-items:center;display:grid}.rarity{color:var(--muted);background:#e8ebf2;border-radius:999px;padding:2px 10px;font-size:13px;font-weight:700;line-height:1.5;display:inline-block}.rarity.common{color:#3b4566;background:#e8ebf2}.rarity.uncommon{color:#12663c;background:#d7f0e2}.rarity.rare{color:var(--blue-deep);background:#dbe3ff}.rarity.legendary{color:#5b4200;background:linear-gradient(120deg,#ffe680,#f5b800 60%,#ffe680)}.rarity.special{color:#a3186a;background:#ffdcef}.market-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:stretch;gap:20px;display:grid}.stage{background:var(--blue);min-height:520px;color:var(--white);border-radius:28px;flex-direction:column;padding:44px 48px 0;display:flex;overflow:hidden}.stage-split{flex:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;padding-bottom:40px;display:grid}.stage-split>.stage-sticker:first-child{order:0}.stage-copy{flex-direction:column;align-items:flex-start;gap:18px;max-width:34rem;display:flex}.stage h1{font-family:var(--display);letter-spacing:-.01em;overflow-wrap:break-word;font-size:clamp(44px,6vw,76px);font-weight:400;line-height:.95}.stage h1.compact{font-size:clamp(36px,4.4vw,52px);line-height:1}.stage-copy>p{color:#dfe5ff;font-size:18px}.stage-copy>.button{margin-top:6px}.stage-kicker{font-weight:700;color:var(--yellow)!important}.stage .stage-note{color:#b8c4f5;font-size:14px}.stage-sticker{color:var(--ink);flex-direction:column;align-items:center;gap:18px;display:flex}.stage-sticker .rarity{box-shadow:0 0 0 3px var(--blue)}.stage-searching{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding-bottom:40px;display:flex}.stage-searching p{color:#dfe5ff;font-size:18px}.flip-stack{width:120px;height:150px;margin-bottom:18px;position:relative}.flip-stack span{background:var(--white);border-radius:12px;animation:.75s ease-in-out infinite alternate flip;position:absolute;inset:0;box-shadow:0 10px 24px -10px #00000080}.flip-stack span:first-child{background:#c9d3ff;animation-delay:0s;transform:rotate(-8deg)}.flip-stack span:nth-child(2){background:#e6ebff;animation-delay:.15s;transform:rotate(4deg)}.flip-stack span:nth-child(3){animation-delay:.3s}@keyframes flip{0%{translate:0}to{translate:0 -14px}}.stage-footer{background:var(--blue-deep);color:#c9d3ff;justify-content:space-between;align-items:center;gap:16px;margin:0 -48px;padding:16px 48px;font-size:14px;display:flex}.album-progress{color:var(--white);align-items:center;gap:12px;font-weight:600;display:flex}.album-progress:hover span:last-child{text-underline-offset:3px;text-decoration:underline}.slots{gap:4px;display:flex}.slots span{border:1.5px solid #6f86e6;border-radius:3px;width:12px;height:16px}.slots span.filled{background:var(--yellow);border-color:var(--yellow)}.meter{flex-direction:column;align-items:stretch;gap:12px;width:100%;margin-top:6px;display:flex}.meter-instruction{color:#dfe5ff;justify-content:space-between;gap:12px;font-size:15px;display:flex}.meter-time{color:var(--white);flex:none;font-weight:700}.meter-time.urgent{color:var(--yellow)}.meter-track{background:var(--blue-deep);border-radius:12px;height:48px;position:relative;overflow:hidden}.meter-zone{background:var(--yellow);position:absolute;top:0;bottom:0}.meter-needle{background:var(--white);width:6px;box-shadow:0 0 0 2px var(--ink);border-radius:3px;margin-left:-3px;position:absolute;top:6px;bottom:6px}.meter .button{align-self:flex-start}.board{background:var(--white);border-radius:20px;padding:24px 12px 12px}.board h2,.sheet h2{font-family:var(--display);font-size:24px;font-weight:400;line-height:1.1}.board h2{padding:0 12px 12px}.board-row{text-align:left;border-radius:10px;grid-template-columns:22px 36px minmax(0,1fr) auto 58px;align-items:center;gap:10px;width:100%;padding:7px 12px;display:grid}.board-row:hover{background:#f1f4fa}.board-row.selected{background:#e7ecff}.board-no{color:var(--muted);font-size:13px}.board-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.board-price{font-weight:600}.board-change{text-align:right;font-size:14px}.chat-line{align-items:center;gap:12px;margin:20px 0;display:flex}.chat-avatar{background:var(--ink);width:36px;height:36px;color:var(--white);border-radius:50%;flex:none;place-items:center;display:grid}.chat-line p{background:var(--white);border-radius:4px 18px 18px;max-width:70ch;padding:10px 18px;animation:.22s ease-out pop}.chat-line b{color:var(--blue);margin-right:6px}@keyframes pop{0%{opacity:0;transform:scale(.96)}}.lower-grid{grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.sheet{background:var(--white);border-radius:20px;flex-direction:column;gap:16px;padding:24px;display:flex}.sheet+.sheet{margin-top:0}main>.sheet{margin-bottom:20px}.sheet .link-button{align-self:flex-start;margin-top:auto}.sheet-note{color:var(--muted);font-size:14px}.chart-head{align-items:center;gap:14px;display:flex}.chart-head h2 .link-button{font:inherit;color:var(--ink);-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.chart-head p{color:var(--muted);font-size:15px}.chart-price{flex-direction:column;align-items:flex-end;margin-left:auto;display:flex}.chart-price strong{font-family:var(--display);font-size:26px;font-weight:400;line-height:1.1}.chart-price span{font-size:14px;font-weight:600}.chart-area{border-top:1px dashed var(--rule);border-bottom:1px dashed var(--rule);padding:8px 64px 8px 0;position:relative}.price-line{width:100%;height:180px;display:block;overflow:visible}.chart-hi,.chart-lo{color:var(--muted);font-size:13px;position:absolute;right:0}.chart-hi{top:4px}.chart-lo{bottom:4px}.activity-list{flex-direction:column;display:flex}.activity-row{border-bottom:1px solid #eef1f7;align-items:center;gap:12px;padding:10px 0;display:flex}.activity-row:last-child{border-bottom:0}.activity-copy{flex-direction:column;min-width:0;line-height:1.3;display:flex}.activity-copy strong{font-weight:600}.activity-copy time{color:var(--muted);font-size:13px}.activity-amount{white-space:nowrap;margin-left:auto;font-weight:600}.page-head{justify-content:space-between;align-items:flex-end;gap:24px;margin:12px 0 24px;display:flex}.page-head h1{font-family:var(--display);color:var(--blue);font-size:clamp(44px,6vw,64px);font-weight:400;line-height:1}.page-head p{color:var(--muted);max-width:60ch;margin-top:8px}.album-tools{flex-wrap:wrap;justify-content:space-between;gap:12px;margin-bottom:16px;display:flex}.segmented{background:var(--white);border-radius:999px;gap:4px;padding:4px;display:flex}.segmented button{color:var(--muted);border-radius:999px;padding:7px 16px;font-weight:600}.segmented button.active{background:var(--ink);color:var(--white)}.search-box{background:var(--white);width:min(280px,100%);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:flex}.search-box:focus-within{outline:3px solid var(--blue)}.search-box input{min-width:0;height:44px;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.album-page{background:var(--blue);border-radius:28px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:36px 28px;padding:40px;display:grid}.slot{flex-direction:column;gap:12px;min-width:0;display:flex}.slot.filled{text-align:left}.slot.filled .sticker{transition:transform .16s}.slot.filled:hover .sticker{transform:rotate(0)translateY(-4px)}.slot-meta{color:#c9d3ff;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;display:flex}.slot.empty{color:#8fa2ee;border:2.5px dashed #6f86e6;border-radius:12px;justify-content:center;align-items:center;min-height:240px}.slot-number{font-family:var(--display);font-size:64px;line-height:1}.slot-hint{font-size:14px;font-weight:600}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;display:flex}.empty-state h2{font-family:var(--display);font-size:26px;font-weight:400}.empty-state p{color:var(--muted);margin-bottom:8px}.totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:20px;display:grid}.totals>div{background:var(--white);border-radius:20px;padding:20px 24px}.totals>div:first-child{background:var(--yellow)}.totals dt{color:var(--muted);font-size:15px}.totals>div:first-child dt{color:#5b4a00}.totals dd{font-family:var(--display);font-size:32px;line-height:1.2}.totals small{font-size:14px;font-weight:600}.table-scroll{overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:var(--muted);text-align:right;border-bottom:2px solid var(--page);padding:0 14px 12px;font-size:14px;font-weight:600}td{text-align:right;border-bottom:1px solid #eef1f7;padding:12px 14px}th:first-child,td:first-child{text-align:left;padding-left:0}th:last-child,td:last-child{padding-right:0}tbody tr:last-child td{border-bottom:0}.table-theo{text-align:left;align-items:center;gap:12px;display:flex}.table-theo span{flex-direction:column;line-height:1.3;display:flex}.table-theo small{color:var(--muted);font-size:13px}.table-theo:hover strong{text-underline-offset:3px;text-decoration:underline}.app-footer{border-top:1px solid var(--rule);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:20px;font-size:14px;display:flex}.footer-right{align-items:center;gap:8px;display:flex}.toast{z-index:20;background:var(--ink);color:var(--white);border-radius:14px;align-items:center;gap:12px;padding:12px 12px 12px 20px;font-weight:600;animation:.2s ease-out rise;display:flex;position:fixed;bottom:24px;left:50%;translate:-50%;box-shadow:0 12px 30px -10px #18203a99}.toast.error{background:var(--down)}.toast button{border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.toast button:hover{background:#ffffff26}@keyframes rise{0%{opacity:0;translate:-50% 12px}}.modal{background:var(--white);width:min(480px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);border:0;border-radius:24px;padding:36px;box-shadow:0 30px 60px -20px #18203a80}.modal-wide{width:min(820px,100vw - 32px)}.modal::backdrop{background:#18203a8c}.modal[open]{animation:.18s ease-out pop}.modal-close{width:40px;height:40px;color:var(--muted);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{background:var(--page);color:var(--ink)}.modal h2{font-family:var(--display);font-size:34px;font-weight:400;line-height:1.05}.detail-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:40px;display:grid}.detail-layout>.sticker{justify-self:center;margin-top:8px}.detail-copy{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.detail-no{color:var(--muted);align-items:center;gap:10px;font-weight:600;display:flex}.detail-title{color:var(--blue);font-weight:700}.detail-copy dl{width:100%;margin:12px 0 16px}.detail-copy dl div{border-top:1px solid #eef1f7;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.detail-copy dt{color:var(--muted);flex:none}.detail-copy dd{text-align:right;font-weight:600}.sell-modal,.settings-body,.help-body,.unlock-body{flex-direction:column;gap:16px;display:flex}.sell-head{align-items:center;gap:16px;padding-right:32px;display:flex}.sell-head h2{font-size:28px}.sell-head p{color:var(--muted)}.sell-modal label{font-weight:600}.stepper{align-items:center;gap:8px;margin-top:-8px;display:flex}.stepper>button:not(.link-button){background:var(--page);border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.stepper>button:disabled{opacity:.4}.stepper input{border:2px solid var(--rule);text-align:center;width:80px;height:48px;font-family:var(--display);border-radius:12px;font-size:22px}.stepper .link-button{margin-left:8px}.sell-total{background:var(--page);border-radius:14px;justify-content:space-between;align-items:baseline;padding:16px 20px;display:flex}.sell-total strong{font-family:var(--display);font-size:28px;font-weight:400}.setting-row{border-top:1px solid #eef1f7;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-row div{flex-direction:column;display:flex}.setting-row span{color:var(--muted);font-size:15px}.toggle{background:var(--rule);border-radius:999px;flex:none;width:52px;height:30px;transition:background .15s;position:relative}.toggle span{background:var(--white);border-radius:50%;width:24px;height:24px;transition:translate .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--blue)}.toggle.on span{translate:22px}.danger-zone{background:#fdf0ee;border-radius:16px;flex-direction:column;align-items:flex-start;gap:8px;padding:20px;display:flex}.danger-zone p{color:var(--muted);margin-bottom:4px;font-size:15px}.reset-confirm{flex-direction:column;gap:10px;display:flex}.reset-confirm p{color:var(--down);font-weight:700}.reset-confirm div{flex-wrap:wrap;gap:8px;display:flex}.help-body ol{counter-reset:step;flex-direction:column;gap:14px;display:flex}.help-body li{counter-increment:step;color:var(--muted);padding-left:44px;position:relative}.help-body li strong{color:var(--ink);display:block}.help-body li:before{content:counter(step);background:var(--yellow);width:30px;height:30px;color:var(--ink);font-family:var(--display);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:0}.help-note{background:var(--page);border-radius:14px;padding:14px 18px;font-size:15px}.unlock-body{text-align:center;align-items:center}.unlock-body .sticker{width:220px;margin:8px 0 12px}.unlock-body .button{margin-top:8px}.mini-album{background:var(--blue);border-radius:16px;grid-template-columns:repeat(6,44px);gap:6px;padding:14px;display:grid}.mini-album .thumb{width:44px;height:44px}@media (width<=1020px){.market-grid,.lower-grid{grid-template-columns:minmax(0,1fr)}.board ul{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px;display:grid}}@media (width<=760px){.app-shell{padding:0 16px}.app-header{flex-wrap:wrap;gap:14px;padding:16px 0}.main-nav{order:3;width:100%}.main-nav button{flex:1;padding:8px 10px}.brand{font-size:24px}.header-right{gap:0}.balance{margin-right:4px}.balance strong{font-size:18px}.balance small{display:none}.stage{border-radius:22px;min-height:0;padding:28px 24px 0}.stage-split{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:28px}.stage-split>.stage-sticker:last-child{order:-1}.stage-split .sticker.big{width:min(220px,70%)}.stage-footer{flex-direction:column;align-items:flex-start;margin:0 -24px;padding:14px 24px}.board ul{grid-template-columns:minmax(0,1fr)}.chart-area{padding-right:52px}.price-line{height:140px}.page-head{flex-direction:column;align-items:flex-start}.album-page{border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px;padding:20px}.slot-number{font-size:44px}.totals{grid-template-columns:minmax(0,1fr)}.modal{padding:28px 20px}.detail-layout{grid-template-columns:minmax(0,1fr);gap:24px}.detail-layout>.sticker{width:min(240px,80%)}.app-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}