:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c1020;--foreground:#f4f5ff;--card:#171d31;--card-foreground:#f4f5ff;--popover:#1b2239;--popover-foreground:#f4f5ff;--primary:#a69bff;--primary-foreground:#19132c;--secondary:#1c243c;--secondary-foreground:#c2cbe0;--muted:#191f35;--muted-foreground:#a1adc7;--accent:#292543;--accent-foreground:#c9c1ff;--border:#ffffff12;--input:#ffffff24;--ring:#a69bff;--sidebar:#101526;--sidebar-foreground:#a1adc7;--sidebar-primary:#a69bff;--sidebar-primary-foreground:#19132c;--sidebar-accent:#252440;--sidebar-accent-foreground:#c6bdff;--sidebar-border:#ffffff0d;--sidebar-ring:#a69bff;--shelf:#151b2d;--shelf-alt:#1c2136;--ink:#f4f5ff;--soft-ink:#a1adc7;--faint-ink:#8290ac;--glass:#0c1020e8;--chip:#ffffff08;--cover-shadow:0 16px 30px #0006,2px 3px 8px #0009;--elevation:0 18px 60px #0003;--spotlight:#6152af14;--line:#ffffff12;--collection-a:#222744;--collection-b:#312734;--collection-c:#202f3a}:root[data-shelved-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f5f6fb;--foreground:#20273c;--card:#fff;--card-foreground:#20273c;--popover:#fff;--popover-foreground:#20273c;--primary:#6751d8;--primary-foreground:#fff;--secondary:#eaeaf5;--secondary-foreground:#58617d;--muted:#edf0f7;--muted-foreground:#64708b;--accent:#ece8ff;--accent-foreground:#6751d8;--border:#dfe3ef;--input:#d5daea;--ring:#8e7aea;--sidebar:#fff;--sidebar-foreground:#64708b;--sidebar-primary:#6751d8;--sidebar-primary-foreground:#fff;--sidebar-accent:#eee9ff;--sidebar-accent-foreground:#6751d8;--sidebar-border:#e4e7f1;--sidebar-ring:#8e7aea;--shelf:#edeef6;--shelf-alt:#e9edf6;--ink:#20273c;--soft-ink:#64708b;--faint-ink:#737f98;--glass:#f5f6fbe8;--chip:#202c4809;--cover-shadow:0 15px 24px #25214328,2px 3px 6px #18253b25;--elevation:0 18px 55px #26203e12;--spotlight:#9f8def14;--line:#202c4812;--collection-a:#eae6fb;--collection-b:#f6e9e8;--collection-c:#e0eff0}body{background:var(--background);color:var(--ink)}.shelved-modern{background:radial-gradient(ellipse at 80% 0%,var(--spotlight),transparent 45%),var(--background);min-height:100dvh}.library-sidebar [data-slot=sidebar-inner]{background:var(--sidebar)}.library-sidebar [data-slot=sidebar-header]{padding:33px 25px 23px}.brand{letter-spacing:-1.6px;color:var(--ink);font-family:DM Sans,sans-serif;font-size:30px;font-weight:700}.brand-mark{background:linear-gradient(140deg,#a598fc,#675be2);border:1px solid #d6d0ff45;border-radius:12px;transition:transform .25s;transform:rotate(-5deg);box-shadow:0 4px 18px #8d7eff30}.brand:hover .brand-mark{transform:rotate(5deg)}.brand-dot{color:var(--primary)}.brand-caption{letter-spacing:1.3px;white-space:nowrap;color:var(--faint-ink);margin-top:6px;font-size:8.64px}.nav-label{color:var(--faint-ink);font-size:12.96px}.nav-item{color:var(--soft-ink);border:1px solid #0000;border-radius:11px;min-height:44px;font-size:15.12px}.nav-item:hover{background:var(--chip);color:var(--ink);transform:translate(3px)}.nav-item.active{background:var(--sidebar-accent);color:var(--sidebar-accent-foreground);box-shadow:inset 3px 0 var(--primary);border-color:#a69bff20}.nav-item span:last-child:not(.collection-dot){background:var(--chip);border-radius:5px;padding:1px 6px}.nav-divider{background:var(--line);margin-top:10px}.label-row button{border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.label-row button:hover{background:var(--chip);color:var(--primary)}.sidebar-note{background:linear-gradient(135deg,var(--sidebar-accent),transparent);border-color:var(--line);color:var(--primary);border-radius:15px;margin-top:28px}.sidebar-note strong{color:var(--ink)}.sidebar-note>span{color:var(--soft-ink)}.library-sidebar [data-slot=sidebar-footer]{border-color:var(--line);padding:20px}.profile strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.profile small{color:var(--faint-ink)}.avatar{color:#fff;background:linear-gradient(135deg,#9787ed,#5269c8);width:36px;height:36px}.topbar{border-color:var(--line);background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);height:76px}.breadcrumb{color:var(--faint-ink)}.breadcrumb strong{color:var(--soft-ink)}.topbar-tools{align-items:center;gap:22px;display:flex}.top-note{color:var(--faint-ink);align-items:center;gap:8px;display:flex}.top-note svg{color:var(--primary)}.theme-toggle{border:1px solid var(--line);background:var(--chip);width:40px;height:40px;color:var(--soft-ink);border-radius:12px;place-items:center;display:grid}.theme-toggle:hover{color:var(--primary);background:var(--accent);transform:rotate(12deg)}.page-content{padding-top:38px}.page-heading{margin-bottom:28px}.eyebrow{color:var(--primary);letter-spacing:2px;align-items:center;gap:7px;margin-bottom:9px;font-size:10.8px;display:flex}.tiny-spark{font-size:17.28px}h1{letter-spacing:-1.3px;font-size:38px;font-weight:600;line-height:1.45}.heading-dot{color:var(--primary)}.page-heading p{color:var(--soft-ink);font-size:15.12px}.library-summary{align-items:center;gap:17px;margin-top:17px;display:flex}.library-summary>span{color:var(--faint-ink);align-items:center;gap:6px;font-size:12.96px;display:flex}.library-summary svg{color:var(--primary)}.button{border-radius:11px;min-height:44px;padding:11px 17px;transition:transform .2s,box-shadow .2s,background .2s}.button.primary{background:var(--primary);color:var(--primary-foreground);font-weight:600;box-shadow:0 4px 18px #9080f72e}.button.primary:hover{background:var(--primary);transform:translateY(-2px);box-shadow:0 6px 26px #9080f749}.button.secondary{border-color:var(--line);color:var(--soft-ink);background:var(--chip)}.button.secondary:hover{background:var(--accent);color:var(--accent-foreground)}.section-heading{margin-bottom:17px}.section-heading h2{color:var(--ink);font-size:16px}.section-heading h2 span{color:var(--soft-ink);background:var(--chip);border-radius:6px}.text-button{color:var(--primary);min-height:32px;font-size:12.96px}.text-button:hover{color:var(--ink)}.collection-grid{gap:18px}.collection-card{border:1px solid var(--line);border-radius:18px;height:178px;padding:23px;transition:transform .25s,border-color .25s,box-shadow .25s}.collection-card.blue{background:linear-gradient(120deg,var(--collection-a),var(--shelf))}.collection-card.peach{background:linear-gradient(120deg,var(--collection-b),var(--shelf))}.collection-card.purple{background:linear-gradient(120deg,var(--collection-c),var(--shelf))}.collection-card:hover{box-shadow:var(--elevation);border-color:#a69bff66;transform:translateY(-4px)}.collection-kicker,.peach .collection-kicker,.purple .collection-kicker{color:var(--faint-ink);letter-spacing:1.8px;font-size:9.72px}.collection-card h3{color:var(--ink);margin-top:13px;font-size:19px}.collection-card p,.peach p,.purple p{color:var(--soft-ink);max-width:58%;font-size:12.96px;line-height:1.75}.collection-card p span{display:none}.collection-arrow{color:var(--primary);align-items:center;gap:6px;margin-top:11px;font-size:11.88px;display:flex}.mini-covers{opacity:1;transition:transform .3s;bottom:-14px;right:-2px;transform:rotate(9deg)}.mini-cover{border:1px solid #fff2;width:70px;height:108px;margin-left:-29px;transition:transform .3s;box-shadow:-5px 4px 15px #0006}.mini-cover:nth-child(2){height:123px}.mini-cover:nth-child(3){height:133px}.collection-card:hover .mini-covers{transform:translate(-6px,-7px)rotate(1deg)}.collection-card:hover .mini-cover:first-child{transform:translate(-12px)rotate(-11deg)}.collection-card:hover .mini-cover:last-child{transform:translate(7px)rotate(8deg)}.collection-selected{outline:2px solid var(--primary);outline-offset:3px}.catalog{margin-top:34px}.catalog-top{border-color:var(--line)}.media-tabs{gap:23px}.media-tabs [data-slot=tabs-trigger]{color:var(--soft-ink);font-size:15.12px;height:51px!important;padding-bottom:18px!important}.media-tabs [data-state=active]{color:var(--primary)!important;border-bottom-color:var(--primary)!important}.media-tabs span{color:var(--faint-ink);background:var(--chip)}.media-tabs [data-state=active] span{background:var(--accent);color:var(--primary)}.view-switch{background:var(--chip);border-color:var(--line);border-radius:9px}.view-switch button{color:var(--faint-ink);border-radius:6px}.view-switch button.selected{background:var(--accent);color:var(--primary);box-shadow:none}.filter-row{gap:10px;margin:23px 0}.search-box{background:var(--chip);border-color:var(--line);width:360px;height:44px;color:var(--faint-ink);border-radius:11px;transition:box-shadow .2s,border-color .2s}.search-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #a69bff12}.search-box input{color:var(--ink);font-size:15.12px}.search-box input::placeholder{color:var(--faint-ink)}.filter-button,.shuffle-button{border:1px solid var(--line);background:var(--chip);color:var(--soft-ink);border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 13px;font-size:15.12px;display:flex}.filter-button:hover,.filter-button.selected,.shuffle-button:hover{background:var(--accent);color:var(--primary);border-color:#a69bff40}.shuffle-button svg{color:var(--primary);transition:transform .25s}.shuffle-button:hover svg{transform:rotate(-14deg)}.results-count{color:var(--faint-ink)}.filters-panel{background:var(--card);border-color:var(--line);border-radius:14px}.choice{color:var(--ink);border-color:var(--input);background:var(--card)!important}.active-filters{flex-wrap:wrap;gap:8px;margin:-7px 0 20px;display:flex}.active-filters button{background:var(--accent);color:var(--primary);border-radius:7px;align-items:center;gap:6px;padding:5px 9px;font-size:12.96px;display:flex}.active-filters button:last-child{color:var(--soft-ink);background:0 0}.item-grid{gap:28px 19px}.item-card{animation:.4s both card-entrance;animation-delay:var(--enter-delay,0s);position:relative}.cover-stage,.cover-stage.movie,.cover-stage.game{border:1px solid var(--line);background:radial-gradient(ellipse at 50% 30%,var(--shelf-alt),var(--shelf));perspective:700px;border-radius:16px;height:248px;padding:31px 25px;transition:background .25s,border-color .25s,box-shadow .25s}.cover-stage.movie{background:radial-gradient(ellipse at 50% 20%,var(--collection-c),var(--shelf))}.cover-stage.game{background:radial-gradient(ellipse at 50% 20%,var(--collection-a),var(--shelf))}.cover-stage:hover,.cover-stage:focus-visible{border-color:#a69bff66;box-shadow:0 0 0 1px #a69bff0a,0 14px 28px #0002}.item-cover{width:129px;box-shadow:var(--cover-shadow);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-radius:3px;transition:transform .22s ease-out,box-shadow .22s;position:relative}.item-cover:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(105deg,#fff0 15%,#ffffff1a 45%,#fff0 65%);transition:opacity .22s;position:absolute;inset:0}.cover-stage:hover .item-cover{transform:translateY(-8px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.03)}.cover-stage:hover .item-cover:after{opacity:1}.type-badge{background:var(--glass);color:var(--soft-ink);border-color:var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:6px;padding:4px 6px;font-size:10.8px;top:11px;left:11px}.heart-badge{z-index:2;background:var(--glass);width:38px;height:38px;color:var(--soft-ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #0000;transition:color .2s,transform .2s,background .2s;top:7px;right:8px}.heart-badge:hover{color:#ee9cb8;background:var(--accent);transform:scale(1.13)}.heart-badge.is-favorite{color:#efa3ba}.heart-badge:active{transform:scale(.9)}.cover-open{background:var(--glass);color:var(--primary);opacity:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #a69bff24;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 5px;font-size:12.96px;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:10px;left:13px;right:13px;transform:translateY(6px)}.cover-stage:hover .cover-open,.cover-stage:focus-visible .cover-open{opacity:1;transform:none}.card-info{padding-top:15px}.card-info h3{color:var(--ink);font-size:14px;line-height:1.6}.card-info>p{color:var(--soft-ink);margin:5px 0 11px;font-size:12.96px}.rating{color:var(--soft-ink);gap:3px}.rating svg{color:#dbba77}.card-tags>button,.card-tags>span{background:var(--chip);color:var(--soft-ink);border:1px solid var(--line);border-radius:5px;font-size:11.88px}.card-tags button:hover{background:var(--accent);color:var(--primary)}.status{color:var(--faint-ink);font-size:12.96px}.status-progress{color:#dcb880}.status-done{color:#83d9bb}.status>span{width:5px;height:5px}.list-view{grid-template-columns:1fr}.list-view .item-card{border-color:var(--line);background:var(--card);border:1px solid var(--line);border-radius:13px;padding:14px}.list-view .cover-stage{width:95px;min-width:95px;height:126px;padding:12px}.list-view .item-cover{width:100%}.list-view .heart-badge{display:grid;top:auto;bottom:12px;right:12px}.list-view .cover-open{display:none}.list-view .card-title-row{padding-right:25px}.empty-state{background:var(--card);border:1px dashed var(--input);color:var(--soft-ink);border-radius:18px;padding:48px 20px}.empty-state svg{color:var(--primary)}.empty-state h3{color:var(--ink)}.empty-state .button{margin-top:18px}.page-footer{border-color:var(--line);color:var(--faint-ink);margin-top:40px;font-size:11.88px}.notice{background:var(--accent);color:var(--soft-ink);border-color:#a69bff22;border-radius:12px}.notice a,.notice button{color:var(--primary)}.notice.error{color:#eea4ad;background:#5c273533;border-color:#d2708340}.loading-note,.hint{color:var(--faint-ink)}.collection-controls,.collection-controls>span>button,.form-grid label,.field-label,.share-url{color:var(--soft-ink)}.form-grid input,.form-grid textarea,.share-url input{background:var(--card);color:var(--ink);border-color:var(--input);border-radius:9px}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #a69bff15}.form-footer{border-color:var(--line)}.editor-dialog,[data-slot=dialog-content]{border-color:var(--input);background:var(--background);border-radius:20px;box-shadow:0 30px 100px #0007}.cover-fallback,.cover-unavailable{background:var(--accent);color:var(--primary)}.cover-unavailable:after{color:var(--primary)}.text-danger{color:#dd8393}.readonly-label,.share-error a{color:var(--primary)}:root[data-shelved-theme=light] .status-progress{color:#936717}:root[data-shelved-theme=light] .status-done{color:#258164}.nav-item:focus-visible,.theme-toggle:focus-visible,.heart-badge:focus-visible,.shuffle-button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@keyframes card-entrance{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (min-width:1550px){.cover-stage,.cover-stage.movie,.cover-stage.game{height:285px}.item-cover{width:155px}}@media (max-width:1200px){h1{font-size:34px}.collection-card{height:170px;padding:20px}.collection-card h3{font-size:17px}.collection-card p{max-width:54%}.mini-covers{right:-20px}.cover-stage,.cover-stage.movie,.cover-stage.game{height:235px;padding:30px 23px}.heading-actions .button{padding:10px 12px;font-size:14.04px}.shuffle-button span{display:none}.media-tabs{gap:17px}}@media (max-width:1000px){.top-note{display:none}.page-heading{flex-direction:row;align-items:center;gap:12px}.heading-actions{flex-direction:column}.library-summary{gap:10px}.collection-card p{display:none}.collection-arrow{margin-top:22px;font-size:11.88px}.collection-card h3{font-size:16px}.mini-covers{opacity:.7;right:-34px}.media-tabs{gap:14px}.results-count{display:none}.search-box{flex:1}.page-content{padding:28px 24px}.brand-caption{font-size:7.56px}}@media (max-width:767px){.topbar{height:64px}.topbar-tools{gap:0}.theme-toggle{width:36px;height:36px}.page-content{padding:26px 20px}.page-heading{flex-direction:column;align-items:flex-start;gap:21px;margin-bottom:25px}.heading-actions{flex-direction:row;width:100%}.heading-actions .button{flex:1;font-size:14.04px}h1{font-size:34px}.page-heading p{font-size:15.12px;line-height:1.8}.library-summary{gap:19px;margin-top:14px}.collection-grid{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--accent) transparent;gap:13px;margin:-4px -3px -12px;padding:4px 3px 12px;display:flex;overflow-x:auto}.collection-card,.collection-card:last-child{scroll-snap-align:start;flex:0 0 258px;height:163px;padding:20px;display:block}.collection-card h3{font-size:18px}.collection-card p{max-width:55%;font-size:11.88px;display:block}.collection-arrow{margin-top:11px}.mini-covers{opacity:1;bottom:-16px;right:-13px}.mini-cover{width:67px}.section-heading h2{font-size:15px}.section-heading .text-button{font-size:12.96px}.catalog{margin-top:30px}.media-tabs{gap:18px}.media-tabs [data-slot=tabs-trigger]{font-size:15.12px}.media-tabs span{display:none}.filter-row{flex-wrap:nowrap;gap:8px;margin:19px 0}.filter-button{width:44px;min-width:44px;padding:0;font-size:0}.shuffle-button{width:44px;min-width:44px;padding:0}.shuffle-button span{display:none}.search-box{width:auto;min-width:0;padding:0 10px}.search-box input{font-size:14.04px}.cover-stage,.cover-stage.movie,.cover-stage.game{height:224px;padding:32px 22px}.item-cover{width:126px}.item-grid{gap:25px 13px}.type-badge{padding:3px 4px;font-size:9.72px;top:9px;left:8px}.heart-badge{width:32px;height:32px;top:5px;right:5px}.heart-badge svg{width:15px}.card-info h3{font-size:14px}.card-tags>button{padding:3px 5px;font-size:10.8px}.status{font-size:11.88px}.cover-open{opacity:1;padding:5px;font-size:10.8px;bottom:6px;left:8px;right:8px;transform:none}.card-info{padding-top:12px}.list-view{grid-template-columns:1fr}.list-view .cover-stage{width:80px;min-width:80px;height:110px;padding:10px}.editor-dialog{max-height:88dvh!important}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.notice{font-size:12.96px}.brand-caption{font-size:8.64px}}@media (hover:none){.cover-stage:hover .item-cover{transform:none}.cover-stage .cover-open{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.item-card{animation:none}.item-cover,.cover-stage:hover .item-cover,.collection-card:hover,.collection-card:hover .mini-covers,.collection-card:hover .mini-cover{transform:none!important}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.brand{letter-spacing:-1.2px;white-space:nowrap;font-size:25px}.reading-duration{border:1px solid var(--line);background:var(--accent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:12px 14px;display:flex}.reading-duration .field-label{margin-right:auto}.reading-duration strong{color:var(--primary);font-size:19.44px}.reading-duration .hint{width:100%}.reading-date-error{color:#efa3ba;width:100%;font-size:12.96px}.genre-select-content{max-width:min(92vw,440px)}.genre-select-content [data-slot=select-item]{white-space:normal;min-height:36px;line-height:1.45}.collection-burst{z-index:1;pointer-events:none;width:1px;height:1px;position:absolute;bottom:76px;right:118px}.collection-burst:before{content:"";opacity:0;border:2px solid #c0b5ff;border-radius:50%;width:36px;height:36px;position:absolute;top:-18px;left:-18px;transform:scale(.15);box-shadow:0 0 18px #c0b5ff55}.burst-particle{opacity:0;background:#c0b5ff;border-radius:1px;width:7px;height:7px;position:absolute;top:-3px;left:-3px;transform:scale(.1)rotate(45deg);box-shadow:0 0 12px #a69bff99}.burst-particle:first-child{--burst-x:-82px;--burst-y:-8px;background:#c0b5ff}.burst-particle:nth-child(2){--burst-x:-62px;--burst-y:-60px;background:#f0c27a}.burst-particle:nth-child(3){--burst-x:-24px;--burst-y:-88px;background:#a9d8cc}.burst-particle:nth-child(4){--burst-x:30px;--burst-y:-76px;background:#efabc0}.burst-particle:nth-child(5){--burst-x:80px;--burst-y:-46px;background:#c0b5ff}.burst-particle:nth-child(6){--burst-x:88px;--burst-y:10px;background:#f0c27a}.burst-particle:nth-child(7){--burst-x:56px;--burst-y:54px;background:#a9d8cc}.burst-particle:nth-child(8){--burst-x:-42px;--burst-y:58px;background:#efabc0}@keyframes burst-particle-out{0%{opacity:0;transform:translate(0)scale(.1)rotate(45deg)}22%{opacity:1}to{opacity:0;transform:translate(var(--burst-x),var(--burst-y)) scale(.85) rotate(135deg)}}@keyframes collection-burst-ring{0%{opacity:.85;transform:scale(.15)}to{opacity:0;transform:scale(5.2)}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.burst-card:is(:hover,:focus-visible) .collection-burst:before{animation:.8s ease-out both collection-burst-ring}.burst-card:is(:hover,:focus-visible) .burst-particle{animation:.85s cubic-bezier(.16,.75,.25,1) both burst-particle-out}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(2){animation-delay:25ms}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(3){animation-delay:50ms}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(4){animation-delay:75ms}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(5){animation-delay:.1s}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(6){animation-delay:.125s}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(7){animation-delay:.15s}.burst-card:is(:hover,:focus-visible) .burst-particle:nth-child(8){animation-delay:.175s}}.game-duration-field{min-width:0}.game-duration-inputs{grid-template-columns:1fr 1fr;gap:8px;margin-top:7px;display:grid}.game-duration-inputs label{align-items:center;gap:7px;min-width:0;display:flex!important}.game-duration-inputs input{flex:1;min-width:0;margin-top:0!important}.game-duration-inputs label{font-size:14px!important}
.dashboard{--dash-book:#a69bff;--dash-movie:#eea4ae;--dash-game:#80cbb7;color:var(--ink)}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin:3px 0 30px;display:flex}.dashboard-kicker,.dashboard-section-head>div>span,.dashboard-panel-title>div>span{color:var(--primary);letter-spacing:1.9px;font-size:10.8px;font-weight:700;display:block}.dashboard-heading h1{margin:9px 0 8px;font-size:38px;line-height:1.3}.dashboard-heading p{color:var(--soft-ink);margin:0;font-size:15.12px;line-height:1.7}.dashboard-live{border:1px solid var(--line);background:var(--chip);color:var(--soft-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:11.88px;display:inline-flex}.dashboard-live>span{background:var(--dash-game);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #80cbb71b}.dashboard-empty{border:1px dashed var(--input);background:linear-gradient(135deg,var(--card),var(--accent));text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:45px 25px;display:flex}.dashboard-empty-icons{color:var(--primary);gap:8px;display:flex}.dashboard-empty-icons svg{border:1px solid var(--line);background:var(--card);border-radius:13px;width:43px;height:43px;padding:10px}.dashboard-empty h2{margin:23px 0 7px;font-size:22px}.dashboard-empty p{max-width:400px;color:var(--soft-ink);margin:0 0 22px;font-size:14.04px;line-height:1.8}.dashboard-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.dashboard-kpi{text-align:left;border:1px solid var(--line);background:var(--card);min-width:0;min-height:157px;color:var(--ink);border-radius:18px;flex-direction:column;align-items:flex-start;padding:20px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.dashboard-kpi:is(button):hover{box-shadow:var(--elevation);border-color:#a69bff66;transform:translateY(-3px)}.dashboard-kpi-total{background:linear-gradient(135deg,var(--accent),var(--card))}.dashboard-kpi-icon{width:36px;height:36px;color:var(--primary);background:var(--accent);border-radius:11px;place-items:center;margin-bottom:15px;display:grid}.dashboard-kpi:nth-child(2) .dashboard-kpi-icon{color:var(--dash-game);background:#80cbb71b}.dashboard-kpi:nth-child(3) .dashboard-kpi-icon{color:var(--dash-movie);background:#eea4ae1b}.dashboard-kpi:nth-child(4) .dashboard-kpi-icon{color:#f2c77c;background:#f2c77c1b}.dashboard-kpi-label{color:var(--soft-ink);font-size:12.96px}.dashboard-kpi strong{color:var(--ink);margin:5px 0;font-size:34.56px;line-height:1.2}.dashboard-kpi-unit{color:var(--faint-ink);font-size:15.12px;font-weight:500}.dashboard-kpi small{color:var(--faint-ink);align-items:center;gap:4px;font-size:11.88px;display:flex}.dashboard-primary-grid,.dashboard-bottom-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:19px;display:grid}.dashboard-panel{border:1px solid var(--line);background:var(--card);border-radius:20px;min-width:0;padding:23px}.dashboard-panel-title{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.dashboard-panel-title h2{margin:6px 0 0;font-size:18px;font-weight:600}.dashboard-panel-title>svg{color:var(--primary)}.dashboard-panel-title>div>span{font-size:9.72px}.dashboard-panel-link{color:var(--primary);background:0 0;border:0;align-items:center;gap:4px;font-size:11.88px;display:inline-flex}.dashboard-media-body{align-items:center;gap:28px;padding:0 5px 5px;display:flex}.dashboard-donut{border-radius:50%;flex-shrink:0;place-items:center;width:176px;height:176px;display:grid}.dashboard-donut>div{background:var(--card);width:119px;height:119px;box-shadow:0 0 0 1px var(--line);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-donut strong{font-size:34.56px;line-height:1.2}.dashboard-donut small{color:var(--faint-ink);font-size:11.88px}.dashboard-legend{flex:1;gap:7px;min-width:0;display:grid}.dashboard-legend button{text-align:left;width:100%;color:var(--soft-ink);background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:7px;font-size:12.96px;display:flex}.dashboard-legend button:hover{background:var(--chip);color:var(--ink)}.dashboard-legend button>span:nth-child(2){flex:1}.dashboard-legend strong{color:var(--ink);font-size:16.2px}.dashboard-legend button>svg{color:var(--faint-ink)}.dashboard-legend-icon{border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.dashboard-legend-icon.book{color:var(--dash-book);background:#a69bff1d}.dashboard-legend-icon.movie{color:var(--dash-movie);background:#eea4ae1d}.dashboard-legend-icon.game{color:var(--dash-game);background:#80cbb71d}.dashboard-progress{gap:22px;padding:10px 2px 4px;display:grid}.dashboard-progress button{text-align:left;width:100%;color:var(--soft-ink);background:0 0;border:0;gap:10px;padding:0;display:grid}.dashboard-progress-row{justify-content:space-between;align-items:center;gap:10px;font-size:12.96px;display:flex}.dashboard-progress-row strong{color:var(--ink);font-size:16.2px}.dashboard-progress-row small{color:var(--faint-ink);font-size:10.8px;font-weight:400}.dashboard-track{background:var(--accent);border-radius:99px;height:9px;display:block;overflow:hidden}.dashboard-fill{border-radius:inherit;min-width:0;height:100%;transition:width .4s;display:block}.dashboard-fill.planned{background:var(--dash-book)}.dashboard-fill.active{background:var(--dash-movie)}.dashboard-fill.finished{background:var(--dash-game)}.dashboard-progress button:hover .dashboard-progress-row>span{color:var(--primary)}.dashboard-panel-note{color:var(--faint-ink);margin:22px 0 0;font-size:11.88px}.dashboard-section-head{margin:32px 0 16px}.dashboard-section-head h2{margin:5px 0 0;font-size:21px}.dashboard-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.dashboard-insight{text-align:left;border:1px solid var(--line);background:var(--card);min-width:0;color:var(--ink);border-radius:18px;flex-direction:column;align-items:flex-start;padding:20px;transition:transform .2s,border-color .2s;display:flex;position:relative}.dashboard-insight:hover{border-color:#a69bff66;transform:translateY(-3px)}.dashboard-insight-icon{width:39px;height:39px;color:var(--dash-book);background:#a69bff1d;border-radius:11px;place-items:center;margin-bottom:15px;display:grid}.dashboard-insight.movie .dashboard-insight-icon{color:var(--dash-movie);background:#eea4ae1d}.dashboard-insight.game .dashboard-insight-icon{color:var(--dash-game);background:#80cbb71d}.dashboard-insight-label{color:var(--soft-ink);font-size:12.96px}.dashboard-insight>strong{margin:3px 0;font-size:29.16px}.dashboard-insight>strong small{color:var(--faint-ink);font-size:14.04px;font-weight:500}.dashboard-insight-detail{color:var(--soft-ink);font-size:12.96px}.dashboard-insight-foot{border-top:1px solid var(--line);width:100%;color:var(--primary);align-items:center;gap:6px;margin-top:19px;padding-top:14px;font-size:11.88px;display:flex}.dashboard-insight-extra{color:var(--faint-ink);align-items:center;gap:4px;margin-top:8px;font-size:10.8px;line-height:1.5;display:flex}.dashboard-bottom-grid{margin-top:18px}.dashboard-tags{flex-wrap:wrap;gap:8px;display:flex}.dashboard-tags button{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:10px;align-items:center;gap:9px;padding:9px 11px;font-size:12.96px;display:flex}.dashboard-tags button:hover{border-color:var(--primary);background:var(--accent)}.dashboard-tags strong{color:var(--primary);font-size:11.88px}.dashboard-tag-rank{color:var(--faint-ink);font-size:9.72px}.dashboard-muted{color:var(--faint-ink);font-size:12.96px}.dashboard-recent{display:grid}.dashboard-recent>button{text-align:left;border:0;border-top:1px solid var(--line);min-width:0;color:var(--soft-ink);background:0 0;align-items:center;gap:10px;padding:10px 0;display:flex}.dashboard-recent>button:first-child{border-top:0;padding-top:0}.dashboard-recent>button:hover .dashboard-recent-copy strong{color:var(--primary)}.dashboard-recent-cover{background:var(--accent);width:34px;height:43px;color:var(--primary);border-radius:5px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.dashboard-recent-cover img{object-fit:cover;width:100%;height:100%}.dashboard-recent-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dashboard-recent-copy strong{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-size:12.96px;font-weight:600;overflow:hidden}.dashboard-recent-copy small{text-overflow:ellipsis;white-space:nowrap;color:var(--faint-ink);font-size:10.8px;overflow:hidden}.dashboard-recent-type{color:var(--faint-ink);white-space:nowrap;font-size:10.8px}.dashboard-recent>button>svg{color:var(--faint-ink);flex-shrink:0}.dashboard button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@media (max-width:1200px){.dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-media-body{gap:15px}.dashboard-donut{width:145px;height:145px}.dashboard-donut>div{width:96px;height:96px}}@media (max-width:900px){.dashboard-primary-grid,.dashboard-bottom-grid{grid-template-columns:1fr}.dashboard-insights{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-insight:last-child{grid-column:1/-1}}@media (max-width:767px){.dashboard-heading{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:22px}.dashboard-heading h1{font-size:29px}.dashboard-kpis{gap:10px}.dashboard-kpi{min-height:143px;padding:15px}.dashboard-kpi strong{font-size:29.16px}.dashboard-primary-grid,.dashboard-bottom-grid{gap:12px;margin-top:12px}.dashboard-panel{padding:18px}.dashboard-insights{grid-template-columns:1fr;gap:12px}.dashboard-insight:last-child{grid-column:auto}.dashboard-section-head{margin-top:28px}}@media (max-width:400px){.dashboard-media-body{flex-direction:column;align-items:stretch}.dashboard-donut{align-self:center}.dashboard-kpi small{font-size:10.8px}}@media (prefers-reduced-motion:reduce){.dashboard-kpi,.dashboard-insight,.dashboard-fill{transition:none!important}}
.annual-section{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:22px;margin:30px 0 0;padding:27px}.calendar-page .annual-section{margin-top:0}.annual-heading{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.annual-heading h2{margin:7px 0 5px;font-size:23px;line-height:1.3}.annual-heading p{color:var(--soft-ink);margin:0;font-size:12.96px;line-height:1.6}.annual-year-select{color:var(--soft-ink);white-space:nowrap;align-items:center;gap:10px;font-size:12.96px;display:flex}.annual-year-select select{border:1px solid var(--line);background:var(--chip);color:var(--ink);font:inherit;border-radius:10px;padding:9px 11px;font-size:14.04px}.annual-overview{grid-template-columns:1.6fr repeat(4,1fr);gap:10px;margin-top:24px;display:grid}.annual-overview>div{border:1px solid var(--line);background:var(--chip);border-radius:14px;flex-direction:column;justify-content:center;min-width:0;min-height:98px;padding:15px;display:flex}.annual-overview>div:first-child{background:linear-gradient(125deg,var(--accent),var(--chip))}.annual-overview strong{font-size:27px;line-height:1.2}.annual-overview small{color:var(--soft-ink);font-size:10.8px;line-height:1.5}.annual-overview-icon{color:var(--primary);margin-bottom:5px}.annual-empty{border:1px dashed var(--line);background:var(--chip);color:var(--soft-ink);border-radius:12px;margin:17px 0 0;padding:15px;font-size:12.96px;line-height:1.7}.annual-months{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px;margin-top:22px;display:grid}.annual-month{border:1px solid var(--line);background:var(--chip);min-width:0;color:var(--ink);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;transition:transform .2s,border-color .2s,background .2s;display:flex}.annual-month:hover{border-color:var(--primary);transform:translateY(-3px)}.annual-month.selected{border-color:var(--primary);background:var(--accent)}.annual-month-name{color:var(--soft-ink);font-size:11.88px}.annual-month-chart{background:var(--card);border-radius:4px;justify-content:center;align-items:flex-end;width:20px;height:66px;display:flex}.annual-month-chart>span{background:linear-gradient(180deg,var(--dash-book),var(--primary));border-radius:4px;width:100%;max-height:100%}.annual-month strong{font-size:17.28px;line-height:1.2}.annual-month small{color:var(--faint-ink);font-size:9.72px}.annual-detail-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;margin-top:20px;display:grid}.annual-calendar,.annual-day-panel{border:1px solid var(--line);background:var(--chip);border-radius:16px;min-width:0;padding:20px}.annual-calendar-head{justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:18px;display:flex}.annual-calendar-head span,.annual-day-kicker{color:var(--primary);letter-spacing:1.5px;font-size:9.72px;font-weight:700}.annual-calendar-head h3,.annual-day-panel h3{margin:5px 0 0;font-size:17px}.annual-calendar-head>strong{color:var(--soft-ink);white-space:nowrap;font-size:11.88px;font-weight:500}.annual-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.annual-weekday{text-align:center;color:var(--faint-ink);padding-bottom:6px;font-size:10.8px}.annual-day{aspect-ratio:1.16;background:var(--card);color:var(--soft-ink);border:1px solid #0000;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11.88px;display:flex;position:relative}.annual-day:hover{border-color:var(--primary)}.annual-day.has-activity{color:var(--ink);font-weight:700}.annual-day.selected{border-color:var(--primary);background:var(--accent);color:var(--primary)}.annual-day i{background:var(--primary);border-radius:50%;width:4px;height:4px}.annual-day-panel>p{color:var(--faint-ink);margin:6px 0 17px;font-size:11.88px}.annual-events{gap:8px;max-height:340px;display:grid;overflow:auto}.annual-events button{border:1px solid var(--line);background:var(--card);width:100%;min-width:0;color:var(--ink);text-align:left;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.annual-events button:hover{border-color:var(--primary)}.annual-event-icon{width:32px;height:32px;color:var(--dash-book);background:#a69bff1d;border-radius:8px;flex-shrink:0;place-items:center;display:grid}.annual-event-icon.movie{color:var(--dash-movie);background:#eea4ae1d}.annual-event-icon.game{color:var(--dash-game);background:#80cbb71d}.annual-events button>span:nth-child(2){flex:1;gap:2px;min-width:0;display:grid}.annual-events small{color:var(--soft-ink);font-size:10.8px}.annual-events strong{text-overflow:ellipsis;white-space:nowrap;font-size:12.96px;overflow:hidden}.annual-events button>svg{color:var(--faint-ink);flex-shrink:0}.annual-footnote{color:var(--faint-ink);margin:16px 0 0;font-size:10.8px;line-height:1.6}.annual-section button:focus-visible,.annual-section select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width:1100px){.annual-overview{grid-template-columns:repeat(5,minmax(0,1fr))}.annual-months{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (max-width:750px){.annual-section{padding:18px}.annual-heading{flex-direction:column;align-items:flex-start}.annual-overview{grid-template-columns:repeat(3,minmax(0,1fr))}.annual-overview>div:first-child{grid-column:span 3}.annual-detail-grid{grid-template-columns:1fr}}@media (max-width:430px){.annual-months{grid-template-columns:repeat(4,minmax(0,1fr))}.annual-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.annual-overview>div:first-child{grid-column:span 2}}@media (prefers-reduced-motion:reduce){.annual-month{transition:none!important}}.annual-events button{min-height:80px}.annual-event-icon{border-radius:6px;width:42px;height:58px;position:relative;overflow:hidden}.annual-event-icon img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
:root{--faint-ink:#9ba9c3}:root[data-shelved-theme=light]{--faint-ink:#596782}body{font-size:17.28px;line-height:1.65}.brand-caption{letter-spacing:1.1px;font-size:11.88px}.nav-label{font-size:15.12px}.nav-item{font-size:17.28px;line-height:1.45}.nav-item span:last-child:not(.collection-dot){font-size:14.04px}.sidebar-note>span,.profile strong,.profile small{font-size:15.12px;line-height:1.55}.breadcrumb,.top-note{font-size:15.12px}.eyebrow,.dashboard-kicker,.dashboard-section-head>div>span{font-size:12.96px}.page-heading p,.dashboard-heading p{font-size:17.28px;line-height:1.7}.library-summary>span,.results-count,.page-footer{font-size:15.12px}.button,.search-box input,.filter-button,.shuffle-button,.choice{font-size:16.2px}.section-heading h2{font-size:19px}.section-heading h2 span,.text-button,.active-filters button{font-size:15.12px}.collection-kicker,.peach .collection-kicker,.purple .collection-kicker{letter-spacing:1.4px;font-size:11.88px}.collection-card h3{font-size:20px;line-height:1.4}.collection-card p,.peach p,.purple p{font-size:15.12px;line-height:1.55}.collection-arrow{font-size:14.04px}.media-tabs [data-slot=tabs-trigger]{font-size:16.2px}.media-tabs span,.rating,.type-badge{font-size:12.96px}.card-info h3{font-size:16px;line-height:1.5}.card-info>p,.card-tags>button,.card-tags>span,.status{font-size:15.12px;line-height:1.5}.cover-open{font-size:15.12px}.notice,.loading-note,.collection-controls,.readonly-label{font-size:16.2px}.collection-controls>span>button{font-size:15.12px}.form-grid label,.field-label,.share-url,.form-grid input,.form-grid textarea,.share-url input{font-size:17.28px;line-height:1.5}.choice{min-height:44px!important;font-size:16.2px!important}.hint,.reading-date-error{font-size:15.12px;line-height:1.55}.text-danger{font-size:16.2px}[data-slot=dialog-title]{font-size:22px;line-height:1.4}[data-slot=dialog-description]{font-size:16.2px;line-height:1.65}[data-slot=select-item]{font-size:16.2px;line-height:1.5}.share-error,.share-error a{font-size:17.28px}.dashboard-live,.dashboard-kpi small,.dashboard-panel-note,.dashboard-panel-link{font-size:14.04px}.dashboard-empty p{font-size:16.2px}.dashboard-kpi-label,.dashboard-insight-label,.dashboard-insight-detail{font-size:15.12px}.dashboard-panel-title h2{font-size:20px}.dashboard-panel-title>div>span{font-size:11.88px}.dashboard-legend button,.dashboard-progress-row,.dashboard-tags button,.dashboard-muted{font-size:15.12px}.dashboard-progress-row small,.dashboard-insight-extra,.dashboard-recent-copy small,.dashboard-recent-type{font-size:12.96px}.dashboard-insight>strong small,.dashboard-insight-foot,.dashboard-tag-rank{font-size:14.04px}.dashboard-section-head h2{font-size:23px}.dashboard-recent-copy strong,.annual-heading p,.annual-year-select,.annual-empty,.annual-day-panel>p{font-size:15.12px}.annual-year-select select,.annual-month-name,.annual-calendar-head>strong,.annual-day{font-size:14.04px}.annual-overview small,.annual-weekday,.annual-events small,.annual-footnote{font-size:12.96px}.annual-month small,.annual-calendar-head span,.annual-day-kicker{font-size:11.88px}.annual-calendar-head h3,.annual-day-panel h3{font-size:19px}.annual-events strong{font-size:15.12px}@media (max-width:767px){.brand-caption{font-size:11.88px}.page-heading p,.heading-actions .button,.search-box input{font-size:16.2px}.collection-card h3{font-size:19px}.collection-card p{font-size:14.04px}.section-heading h2{font-size:18px}.media-tabs [data-slot=tabs-trigger]{font-size:16.2px}.type-badge{font-size:11.88px}.card-info h3{font-size:16px}.card-tags>button,.status{font-size:14.04px}.cover-open,.dashboard-kpi small{font-size:12.96px}}.button{white-space:normal;line-height:1.5}.choice{height:auto!important;min-height:52px!important;padding-top:10px!important;padding-bottom:10px!important}.nav-item{overflow-wrap:anywhere}.nav-item svg,.button svg{flex-shrink:0}.profile small,.brand-caption{white-space:normal;overflow-wrap:anywhere}.brand-caption{letter-spacing:.6px;white-space:nowrap;font-size:10.5px}.annual-months,.annual-month{min-width:0}.annual-month small{overflow-wrap:anywhere}.review-intro-bottom{grid-template-columns:minmax(0,1fr)}@media (min-width:850px){.review-intro-bottom{grid-template-columns:minmax(190px,.9fr) minmax(0,1.1fr)}}.email-auth{color:var(--soft-ink);padding:10px;font-size:12px}.email-auth-bar{justify-content:space-between;align-items:center;gap:8px;display:flex}.email-auth button{color:var(--primary);cursor:pointer}.email-auth form{gap:6px;margin-top:10px;display:grid}.email-auth input{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);border-radius:7px;padding:8px}.email-auth p{margin-top:8px;line-height:1.5}
.review-dialog{overflow:auto;background:var(--background)!important;border-radius:24px!important;width:min(920px,100vw - 28px)!important;max-width:920px!important;max-height:92dvh!important;padding:0!important}.review-dialog>[data-slot=dialog-close]{z-index:10;color:#fff;background:#0c102099;border:1px solid #ffffff26;border-radius:999px;padding:7px}.review-hero{background:linear-gradient(135deg,#282646,#161b2c);align-items:flex-end;gap:34px;min-height:330px;padding:52px 52px 38px;display:flex;position:relative;overflow:hidden}.review-hero.movie{background:linear-gradient(135deg,#372932,#18212b)}.review-hero.game{background:linear-gradient(135deg,#17352f,#17212e)}.review-hero-backdrop{object-fit:cover;filter:blur(45px)saturate(.75);opacity:.3;width:170%;height:170%;position:absolute;inset:-35%}.review-hero-shade{background:linear-gradient(90deg,#0d1124ec 0%,#0d1124b8 55%,#0d112466),linear-gradient(#0000 35%,#0d1124d9);position:absolute;inset:0}.review-cover{z-index:1;background:var(--accent);width:170px;height:245px;color:var(--primary);border-radius:8px;flex-shrink:0;place-items:center;display:grid;position:relative;overflow:hidden;transform:rotate(-1.5deg);box-shadow:0 24px 45px #0009}.review-cover img{object-fit:cover;width:100%;height:100%}.review-cover-missing:after{content:"ไม่มีภาพปก";font-size:15.12px}.review-intro{z-index:1;color:#fff;min-width:0;padding-bottom:6px;position:relative}.review-type{color:#d8d4ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff12;border:1px solid #ffffff2b;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:14.04px;display:inline-flex}.review-intro h2{letter-spacing:-1.5px;text-wrap:balance;margin:18px 0 8px;font-size:clamp(30px,4vw,48px);line-height:1.2}.review-intro p{color:#c7cce0;margin:0;font-size:18.36px}.review-rating{color:#f1c66e;gap:5px;margin-top:20px;display:flex}.review-body{padding:30px 40px 34px}.review-summary-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:24px;display:flex}.review-summary-row>span{background:var(--chip);color:var(--soft-ink);border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:15.12px;display:inline-flex}.review-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.review-status.done{color:#68cdaa}.review-status.progress{color:#e6bd70}.review-favorite{color:#ef9cb7!important}.review-section{border-bottom:1px solid var(--line);padding:25px 0}.review-section-heading{color:var(--primary);align-items:center;gap:11px;margin-bottom:17px;display:flex}.review-section-heading>div>span{letter-spacing:1.6px;font-size:10.8px;font-weight:700;display:block}.review-section-heading h3{color:var(--ink);margin:3px 0 0;font-size:18px}.review-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.review-facts>div{border:1px solid var(--line);background:var(--chip);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:13px 14px;display:flex}.review-facts span{color:var(--faint-ink);font-size:12.96px}.review-facts strong{color:var(--ink);overflow-wrap:anywhere;font-size:16.2px;line-height:1.5}.review-tags{flex-wrap:wrap;gap:8px;display:flex}.review-tags span{border:1px solid var(--line);background:var(--chip);color:var(--soft-ink);border-radius:8px;padding:7px 10px;font-size:15.12px}.review-note{background:linear-gradient(135deg,var(--accent),var(--chip));border:1px solid #a69bff2b;border-radius:14px;margin-top:25px;padding:18px}.review-note>span{color:var(--primary);font-size:12.96px;font-weight:700}.review-note p{color:var(--soft-ink);white-space:pre-wrap;margin:8px 0 0;font-size:16.2px;line-height:1.8}.review-actions{justify-content:flex-end;gap:10px;margin-top:28px;display:flex}@media (max-width:700px){.review-hero{text-align:center;flex-direction:column;align-items:center;gap:22px;min-height:390px;padding:42px 24px 28px}.review-cover{width:132px;height:190px}.review-intro h2{margin-top:13px;font-size:30px}.review-intro p{font-size:16.2px}.review-rating{justify-content:center;margin-top:13px}.review-body{padding:24px 20px 28px}.review-summary-row{justify-content:center}.review-facts{grid-template-columns:1fr 1fr}.review-actions .button{flex:1}}@media (max-width:430px){.review-facts{grid-template-columns:1fr}.review-actions{flex-direction:column-reverse}.review-actions .button{width:100%}}.review-intro{flex:1}.review-intro-bottom{grid-template-columns:minmax(150px,.8fr) minmax(0,1.2fr);align-items:start;gap:20px;margin-top:16px;display:grid}.review-rating{flex-wrap:wrap;align-items:center}.review-hero-metadata{flex-direction:column;gap:10px;padding-top:2px;display:flex}.review-hero-chips{color:#ded9ff;flex-wrap:wrap;align-items:center;gap:7px;display:flex}.review-hero-chips>svg{flex-shrink:0}.review-hero-chips>span{overflow-wrap:anywhere;background:#ffffff0e;border:1px solid #ffffff26;border-radius:8px;max-width:100%;padding:6px 10px;font-size:14.04px;line-height:1.5}.review-hero-chips.collections{color:#e9dfc8}@media (max-width:700px){.review-intro{width:100%}.review-intro-bottom{grid-template-columns:1fr;gap:18px}.review-hero-chips{justify-content:center}.review-hero-metadata{gap:8px}}
.backup-sidebar-button{border:1px solid var(--line);width:100%;color:var(--soft-ink);background:var(--chip);text-align:left;border-radius:10px;align-items:center;gap:9px;margin-bottom:14px;padding:10px 12px;font-size:15px;display:flex}.backup-sidebar-button:hover{color:var(--primary);background:var(--accent)}.backup-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.backup-actions .button{cursor:pointer;justify-content:center;align-items:center;gap:9px;display:inline-flex}.backup-import input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.backup-import:focus-within{outline:2px solid var(--primary);outline-offset:3px}.backup-note{color:var(--soft-ink);font-size:14px;line-height:1.6}.item-title-button{color:inherit;font:inherit;text-align:left;line-height:inherit;padding:0}.item-title-button:hover,.item-title-button:focus-visible{color:var(--primary);text-underline-offset:3px;text-decoration:underline}.form-more{border-top:1px solid var(--line);grid-column:1/-1;margin-top:12px;padding-top:16px}.form-more summary{cursor:pointer;color:var(--ink);list-style:revert;margin-bottom:12px;font-size:17px;font-weight:600}.form-more summary span{color:var(--soft-ink);margin-left:17px;font-size:14px;font-weight:400;display:block}.form-more:not([open]) summary{margin-bottom:0}.editor-dialog .form-footer{z-index:5;background:var(--background);box-shadow:0 -12px 22px var(--background);padding-bottom:10px;position:sticky;bottom:-1px}.collection-card .collection-text{z-index:2;max-width:calc(100% - 105px);position:relative}.collection-card .collection-text p{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.collection-card .mini-covers{z-index:1;pointer-events:none;max-width:92px;bottom:-13px;right:8px;transform:rotate(-9deg)}.collection-card .mini-cover{width:52px;height:88px}.collection-card .mini-cover:nth-child(2){height:98px}.collection-card .mini-cover:nth-child(3){height:108px}.annual-empty{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.annual-empty p{margin:0}@media (max-width:767px){.collection-grid .collection-card:last-child{display:block}.collection-card .collection-text{max-width:calc(100% - 64px)}.collection-card .mini-covers{opacity:.65;max-width:65px;bottom:-15px;right:-5px}.collection-card .mini-cover{width:42px;height:76px}.collection-card .collection-text p{display:none}.backup-actions .button{width:100%}}.dashboard-heading-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.dashboard-heading-actions .button{white-space:nowrap}.import-options{gap:10px;display:grid}.import-options .button{justify-content:center;width:100%}.cover-link-preview{border:1px solid var(--line);background:var(--chip);border-radius:12px;max-width:130px;padding:9px}.cover-link-preview img{object-fit:contain;max-width:100%;max-height:160px;margin:auto;display:block}.annual-undated{border:1px solid var(--line);background:var(--chip);border-radius:12px;margin-top:12px;padding:16px}.annual-undated>strong{color:var(--ink);margin-bottom:10px;display:block}.annual-undated>div{flex-wrap:wrap;gap:8px;display:flex}.annual-undated button{border:1px solid var(--line);color:var(--soft-ink);background:var(--card);text-align:left;border-radius:8px;padding:7px 10px}.annual-undated button:hover{color:var(--primary);border-color:var(--primary)}@media (max-width:767px){.dashboard-heading-actions{align-items:flex-start}.dashboard-heading-actions .button{width:auto}}
.shelf-page{max-width:1760px;padding-top:28px}.library-sidebar .nav-shelf{width:calc(100% - 12px);margin-left:12px;padding-left:16px;font-size:15px}.book-shelf-experience{--shelf-cream:#f3eee4;--shelf-ink:#322b24;--shelf-muted:#766b5e;--shelf-accent:#987049;background:var(--shelf-cream);color:var(--shelf-ink);border:1px solid #e4d9c7;border-radius:24px;outline:none;position:relative;overflow:hidden;box-shadow:0 26px 70px #241c1417}.book-shelf-experience:focus-visible{outline-offset:3px;outline:3px solid #ad835a}.book-shelf-header{z-index:2;justify-content:space-between;align-items:flex-end;gap:24px;padding:34px 44px 12px;display:flex;position:relative}.book-shelf-kicker{color:var(--shelf-accent);letter-spacing:2.7px;font-size:11px;font-weight:700}.book-shelf-header h1{letter-spacing:-2px;margin:8px 0 7px;font-family:Georgia,Noto Serif Thai,serif;font-size:clamp(37px,5vw,67px);font-weight:400;line-height:1.08}.book-shelf-header h1 span{color:#ba8e54}.book-shelf-header p{color:var(--shelf-muted);margin:0;font-size:15px;line-height:1.7}.book-shelf-count{white-space:nowrap;color:#766b5e;letter-spacing:.4px;justify-items:end;gap:0;font-size:12px;display:grid}.book-shelf-count strong{color:#3b3128;font:400 44px/1 Georgia,serif}.book-shelf-stage{background:linear-gradient(#f5efe3 0%,#ebe0cf 100%);height:min(56vw,570px);min-height:390px;position:relative;overflow:hidden}.book-shelf-render,.book-shelf-render canvas{width:100%;height:100%;display:block}.book-shelf-render canvas{touch-action:none;cursor:grab}.book-shelf-render canvas:active{cursor:grabbing}.book-shelf-stage.inspecting .book-shelf-render canvas{cursor:move}.book-shelf-index{z-index:2;letter-spacing:2px;color:#6e5d4a;align-items:center;gap:11px;font:500 12px/1 DM Sans,sans-serif;display:flex;position:absolute;top:22px;left:44px}.book-shelf-index i{background:#ab9578;width:31px;height:1px}.book-shelf-hint{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#625748;white-space:nowrap;background:#fff9efbf;border:1px solid #f9f3ea88;border-radius:999px;padding:8px 15px;font-size:12px;position:absolute;bottom:21px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #38240d18}.book-shelf-inspection{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff9f1ed;border:1px solid #eadfcde6;border-radius:17px;width:min(320px,36%);padding:26px;position:absolute;top:34px;right:35px;box-shadow:0 17px 55px #402d1826}.book-shelf-inspection>span{color:#a67b4a;letter-spacing:2.1px;font-size:10px;font-weight:700}.book-shelf-inspection h2{letter-spacing:-.6px;color:#31271f;margin:14px 25px 7px 0;font:400 clamp(24px,2.4vw,36px)/1.15 Georgia,Noto Serif Thai,serif}.book-shelf-inspection>p{color:#78695b;margin:0 0 22px;font-size:14px}.book-shelf-close{color:#705e4c;background:0 0;border:0;border-radius:8px;padding:5px;position:absolute;top:14px;right:15px}.book-shelf-close:hover{background:#eee2d1}.book-shelf-inspect-instructions{color:#7a6b5c;border-top:1px solid #e9dfd0;align-items:flex-start;gap:7px;padding-top:17px;font-size:12px;line-height:1.55;display:flex}.book-shelf-inspect-instructions svg{margin-top:2px}.book-shelf-inspect-actions{gap:8px;margin-top:18px;display:grid}.book-shelf-inspect-actions button{color:#5a4735;background:#fffaf2;border:1px solid #d9c9b5;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:39px;font-size:13px;font-weight:600;display:flex}.book-shelf-inspect-actions button.open-book-detail{color:#fffaf1;background:#765033;border-color:#765033}.book-shelf-inspect-actions button:hover{filter:brightness(.95)}.book-shelf-navigation{border-top:1px solid #e3d5c2;justify-content:space-between;align-items:center;gap:20px;padding:21px 44px 14px;display:flex}.book-shelf-current{gap:2px;min-width:0;display:grid}.book-shelf-current span{letter-spacing:2px;color:#a17b51;font-size:10px;font-weight:700}.book-shelf-current strong{color:#322a23;text-overflow:ellipsis;white-space:nowrap;font:400 21px/1.3 Georgia,Noto Serif Thai,serif;overflow:hidden}.book-shelf-current small{color:#8b7a67;font-size:12px}.book-shelf-controls{flex-shrink:0;align-items:center;gap:7px;display:flex}.book-shelf-controls button{color:#5b4835;background:#fff9ef;border:1px solid #d9cbb8;border-radius:50%;place-items:center;min-width:43px;height:43px;display:grid}.book-shelf-controls button:disabled{opacity:.35;cursor:default}.book-shelf-controls .book-shelf-primary-control{color:#fff;background:#7b5638;border-color:#7b5638;border-radius:999px;width:auto;min-width:118px;padding:0 20px;font-size:13px;font-weight:700}.book-shelf-markers{scrollbar-width:thin;justify-content:center;gap:2px;max-width:calc(100% - 64px);margin:0 auto;padding:5px 0 8px;display:flex;overflow-x:auto}.book-shelf-markers button{background:0 0;border:0;border-radius:50%;flex:0 0 24px;place-items:center;width:24px;height:24px;display:grid}.book-shelf-markers button span{background:#c6b39d;border-radius:50%;width:5px;height:5px;transition:width .2s,height .2s,background .2s;display:block}.book-shelf-markers button.active span{background:#765033;width:10px;height:10px}.book-shelf-markers button:hover span{background:#99734e}.book-shelf-note{text-align:center;color:#9b8b78;margin:0 22px 22px;font-size:11px;line-height:1.6}.book-shelf-fallback{z-index:1;text-align:center;color:#655443;background:#f1e9dd;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:25px;display:flex;position:absolute;inset:0}.book-shelf-fallback p{max-width:350px;margin:0;font-size:14px}.book-shelf-fallback>div{align-items:flex-end;gap:8px;margin-top:20px;display:flex}.book-shelf-fallback>div button{border:2px solid #ffffff50;border-radius:3px;place-items:center;width:37px;height:150px;display:grid;box-shadow:5px 5px 10px #3d2e2340}.book-shelf-fallback>div button:nth-child(2n){width:43px;height:170px}.book-shelf-fallback>div button img{object-fit:cover;width:100%;height:100%}.book-shelf-empty-content{text-align:center;color:#806c55;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:360px;padding:35px;display:flex}.book-shelf-empty-content h2{color:#3d3026;margin:8px 0 0;font:400 28px/1.3 Georgia,Noto Serif Thai,serif}.book-shelf-empty-content p{margin:0;font-size:14px;line-height:1.6}@media (max-width:900px){.book-shelf-header{padding:27px 27px 11px}.book-shelf-stage{height:58vw;min-height:450px}.book-shelf-inspection{width:290px;right:18px}.book-shelf-index{left:27px}.book-shelf-navigation{padding:18px 27px 12px}}@media (max-width:650px){.shelf-page{padding:16px 12px}.book-shelf-experience{border-radius:16px}.book-shelf-header{align-items:flex-start;padding:24px 21px 10px}.book-shelf-header h1{font-size:39px}.book-shelf-header p{max-width:260px;font-size:13px}.book-shelf-count{display:none}.book-shelf-stage{height:440px;min-height:0}.book-shelf-index{top:14px;left:21px}.book-shelf-hint{white-space:normal;text-align:center;max-width:calc(100% - 24px);font-size:11px;bottom:13px}.book-shelf-inspection{width:auto;padding:16px 18px;inset:auto 12px 12px}.book-shelf-inspection h2{margin:8px 24px 4px 0;font-size:24px}.book-shelf-inspection>p{margin-bottom:9px}.book-shelf-inspect-instructions{padding-top:9px}.book-shelf-inspect-actions{margin-top:9px;display:flex}.book-shelf-inspect-actions button{flex:1;min-height:34px;font-size:11px}.book-shelf-navigation{flex-wrap:wrap;align-items:flex-start;padding:15px 19px 8px}.book-shelf-current{width:100%}.book-shelf-current strong{font-size:19px}.book-shelf-controls{justify-content:space-between;width:100%}.book-shelf-controls .book-shelf-primary-control{flex:1}.book-shelf-markers{max-width:calc(100% - 25px)}.book-shelf-note{font-size:10px}}@media (prefers-reduced-motion:reduce){.book-shelf-markers button span{transition:none}}