/* SAIVEI / an index of passing obsessions */
:root{--paper:#f4f2ed;--ink:#252522;--muted:#8a8982;--line:#d9d7cf;--blue:#5149c9;--lime:#d9ff72}
html{scroll-behavior:smooth;scroll-padding-top:22px}body{background:var(--paper);color:var(--ink)}body>.prototype{display:none}main{max-width:none}body>.site-head{position:absolute;top:0;left:0;right:0;z-index:3;max-width:none;padding:28px 5vw}.brand{font-size:21px;letter-spacing:-1px}.brand-mark{background:transparent;color:inherit;padding:0;transform:none;font-weight:400}.site-head nav{gap:15px}.site-head .admin-link{color:#69685f}.site-head .dark{background:var(--ink);border-radius:30px}.site-head .quiet{border-radius:30px}
.taste-hero{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:130px 9vw 120px;overflow:hidden;border-bottom:1px solid var(--line);background:#e9e8e1}.taste-hero:before{content:"";position:absolute;z-index:-1;width:62vw;height:62vw;min-width:470px;min-height:470px;right:-14vw;top:9%;border-radius:50%;background:#c3c2e5;filter:blur(1px)}.taste-hero:after{content:"";position:absolute;z-index:-1;right:9vw;bottom:13%;width:25vw;height:25vw;background:#daff7c;transform:rotate(-17deg);border-radius:2px;mix-blend-mode:multiply}.taste-hero h1{position:relative;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(62px,8.7vw,142px);font-weight:600;letter-spacing:-.065em;line-height:1.16;max-width:1100px;margin:0}.taste-hero .underline:after{display:none}.taste-hero .underline{color:#5149a0}.intro-index{position:absolute;top:130px;left:9vw;font-size:10px;letter-spacing:.2em;color:#77766e}.enter-taste{display:flex;align-items:center;justify-content:space-between;gap:60px;align-self:flex-start;margin-top:50px;padding:13px 0;min-width:180px;border-bottom:1px solid #46463a;font-size:13px;letter-spacing:.06em}.enter-taste span{font-size:23px;line-height:1}.intro-bottom{position:absolute;bottom:28px;left:9vw;right:9vw;display:flex;justify-content:space-between;color:#79796f;font-size:9px;letter-spacing:.15em}
.collection{max-width:1320px;margin:0 auto;padding:76px 5vw 45px;min-height:80svh}.toolbar{padding-bottom:22px;gap:25px}.tabs{gap:25px}.tabs button{font-weight:500;font-size:14px}.tabs button.active:after{background:var(--ink);height:2px}.search{border-bottom:1px solid var(--line);gap:8px}.search input{font-size:12px}.subbar{gap:22px;margin:22px 0 18px}#status-filters{gap:8px;flex-wrap:wrap}#status-filters button{padding:7px 11px;border:1px solid transparent;border-radius:30px;font-size:11px;color:#838279}#status-filters button.selected{border-color:#bcbab0;color:#35362e;background:#e9e8df}.public-platforms{margin-bottom:38px;gap:7px}.filter-chip{border-radius:3px!important;background:transparent!important;border:1px solid #dfddd3!important;color:#929186!important}.filter-chip.selected{background:#e8e6dc!important;color:#44453d!important;border-color:#c9c6b8!important}.section-heading{margin:28px 0}.section-heading h2{font-size:20px;font-weight:500;letter-spacing:-.04em}.cards{gap:42px 30px}.cover{border-radius:3px}.card{padding-bottom:17px;border-bottom:1px solid var(--line)}.card h3{font-size:19px;line-height:1.5;font-weight:600}.card-meta{margin-top:17px}.platform{font-size:9px;letter-spacing:.12em}.rating{background:transparent;padding:0;font-size:26px;font-weight:500}.rating small{font-size:8px}.rating.none{font-size:10px;color:#a19f94}.card-quote{font-size:12px;color:#828176}.source-link{color:#77729a}.card-footer{border:0;padding-top:4px;gap:8px;flex-wrap:wrap}.factor{background:#e8ecde;border-radius:2px}.factor.negative{background:#eee4dc}.card-portrait .card-meta h3{font-size:17px}.status-badge{border-radius:3px!important;box-shadow:none!important;letter-spacing:0!important}.taste-export{max-width:1200px;margin:0 auto;padding:0 5vw 30px}.taste-export:has(button[hidden]){display:none}body>footer{display:none}
dialog{background:#f7f6f1;border-radius:10px;box-shadow:0 20px 100px #22221e30}dialog::backdrop{background:#22221d66;backdrop-filter:blur(8px)}.editor-heading{background:transparent}.editor-grid{background:#f7f6f1}.editor-meta{background:#efeee7}.editor-writing{background:#f9f8f4}.rating-workbench{background:#eeecf6;border-color:#dedbe9}.state-timeline{background:#eeece5}.editor-footer{background:#f7f6f1}.close{background:#f7f6f1d9;border-radius:50%;width:36px;height:36px}
@media(max-width:759px){body>.site-head{padding:23px 22px}.site-head nav{gap:8px}.site-head .quiet{font-size:10px;padding:8px 5px}.site-head .dark{font-size:10px;padding:9px 12px}.site-head .admin-link{font-size:10px}.brand{font-size:19px;gap:5px}.taste-hero{padding:125px 7vw 110px;min-height:100svh}.taste-hero h1{font-size:clamp(48px,11.5vw,82px);letter-spacing:-.065em;line-height:1.25}.taste-hero:before{width:105vw;height:105vw;min-width:0;min-height:0;right:-35vw;top:21%}.taste-hero:after{width:49vw;height:49vw;right:0;bottom:13%}.intro-index{left:7vw;top:108px;font-size:8px}.intro-bottom{left:7vw;right:7vw;bottom:25px;font-size:8px}.enter-taste{margin-top:38px;font-size:12px;min-width:155px}.collection{padding:36px 22px 30px}.toolbar{display:flex;flex-direction:column;align-items:stretch;gap:20px}.tabs{display:flex;gap:0;justify-content:space-between;width:100%}.tabs button{font-size:13px;padding:10px 0}.tabs button.active:after{bottom:-4px}.search{width:100%;margin-top:4px}.search input{width:100%;padding:8px 0!important;font-size:12px}.subbar{flex-direction:column;align-items:stretch;gap:13px;margin-top:18px}#status-filters{gap:5px;justify-content:flex-start}#status-filters button{font-size:10px;padding:7px 9px;min-height:34px}.subbar>label{align-self:flex-end;font-size:10px}.public-platforms{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}.public-platforms button{padding:6px 9px;font-size:10px;min-height:32px}.section-heading{gap:10px;margin:23px 0}.section-heading h2{font-size:20px}.section-heading span{font-size:10px}.cards{grid-template-columns:1fr;gap:30px}.card.card-portrait{grid-template-columns:96px minmax(0,1fr);gap:0 17px}.card-portrait .card-meta h3{font-size:17px}.card-portrait .rating{font-size:23px}.card .card-footer{font-size:10px;line-height:1.7}.card-quote{font-size:12px;line-height:1.8}.card .cover.cover-landscape{aspect-ratio:460/215}.card .cover.cover-portrait{aspect-ratio:2/3}.card .status-badge{font-size:9px!important;padding:4px 6px!important}.card-source-row{flex-wrap:wrap;gap:5px}.card-portrait .card-source-row{align-items:flex-start}.metadata-missing{font-size:8px}dialog{width:calc(100% - 18px);padding:32px 20px;max-height:94svh}.work-info.media-portrait{grid-template-columns:86px minmax(0,1fr);gap:15px}.detail-top h2{font-size:25px;line-height:1.4}.detail-top .rating{font-size:27px;padding:4px}.detail-foot{flex-wrap:wrap}.detail-foot button{width:100%;min-height:43px}.review-gallery{display:block}.review-gallery figure{margin:16px 0}.review-gallery img{width:100%;height:auto}#editor-dialog{max-height:96svh}#editor-dialog .editor-heading{padding:27px 22px 20px}.editor-meta,.editor-writing{padding:22px}.choice-chips .choice-chip>span{min-height:40px;padding:9px 12px}.status-choices{gap:8px;display:grid;grid-template-columns:1fr}.status-choices .choice-chip>span{padding:8px 10px!important}.choice-chip .choice-text{font-size:12px}.opinion-fields{grid-template-columns:1fr}.rating-workbench{padding:17px}.begin-rating{font-size:14px;gap:10px;min-height:46px}.score-fraction input#edit-rating,.score-fraction>span{font-size:29px!important}.editor-footer>div{display:flex;width:100%;gap:10px}.editor-footer button{flex:1;min-height:44px}.duration-inputs input{min-height:42px}.metadata-preview{grid-template-columns:82px minmax(0,1fr)}.editor-footer{padding-bottom:max(14px,env(safe-area-inset-bottom))}.taste-export{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Wallpaper and collection are separate views, on desktop and mobile. */
.taste-hero:before,.taste-hero:after{display:none!important}.taste-hero{background:var(--paper)}body:not(.taste-entered) .collection,body:not(.taste-entered) .taste-export,body:not(.taste-entered)>.site-head nav{display:none!important}body.taste-entered .taste-hero{display:none!important}body.taste-entered .collection{padding-top:125px}body:not(.taste-entered){overflow:hidden}.taste-hero .enter-taste{min-width:120px}.taste-hero h1{font-weight:500}.taste-hero .underline{color:#5149a0}@media(max-width:759px){body.taste-entered .collection{padding-top:105px}.taste-hero{padding-top:100px}.taste-hero h1{font-size:clamp(46px,11.5vw,82px)}}