:root{--bg:#fafbf8;--sidebar:#f1f3ed;--ink:#293c33;--muted:#7b827a;--line:#e3e7de;--green:#3e5e4e;--pale:#e5eadf;--orange:#c67850;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:light;}
*{box-sizing:border-box;}
body{margin:0px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.5;}
button,input,select,textarea{font:inherit;}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;}
button{cursor:pointer;}
button{color:inherit;}
button:disabled{opacity:0.5;cursor:wait;}
a{color:inherit;text-decoration:none;}
button{border:0px;background:none;}
button:focus-visible,a:focus-visible{outline:rgb(165,180,156) solid 3px;outline-offset:4px;}
input:focus,textarea:focus,select:focus{outline:rgb(144,161,134) solid 2px;outline-offset:2px;}
button svg{flex-shrink:0;}
.icon{vertical-align:middle;flex-shrink:0;}
h1,h2,h3,p{margin:0px;}
em{font-weight:400;}
button{transition:background 0.18s,color 0.18s,transform 0.18s;}
button:hover{color:rgb(21,41,29);}
.initial-loading{height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;font:60px var(--serif);gap:12px;}
.initial-loading span{font:14px var(--sans);color:var(--muted);}
.startup-error{padding:10vw;max-width:900px;}
.startup-error h1{font:50px var(--serif);margin-bottom:20px;}
.sidebar{width:232px;position:fixed;inset:0px auto 0px 0px;background:var(--sidebar);border-right:1px solid var(--line);padding:35px 22px 0px;display:flex;flex-direction:column;z-index:30;}
.brand{display:flex;align-items:center;gap:10px;font:40px/1 var(--serif);letter-spacing:-1.6px;}
.brand-dot{color:var(--orange);margin-left:-9px;}
.main-nav{display:flex;flex-direction:column;gap:7px;}
.nav-link{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 14px;border-radius:7px;font-size:13px;font-weight:550;color:rgb(103,116,103);position:relative;}
.nav-link.active{background:rgb(224,231,218);color:rgb(54,85,65);}
.nav-link:hover{background:rgb(229,234,222);}
.nav-link .icon{width:19px;}
.nav-count{font-size:10px;background:rgb(225,230,218);color:rgb(111,123,104);margin-left:auto;border-radius:5px;min-width:19px;padding:1px 5px;text-align:center;}
.active .nav-count{background:rgb(208,220,199);}
.sidebar-bottom{margin-top:auto;}
.source-link{display:flex;gap:9px;font-size:10px;color:rgb(139,149,131);padding:18px 9px;}
.source-link .icon{width:15px;}
.profile-button{border-top:1px solid rgb(223,229,216);display:flex;gap:9px;align-items:center;width:calc(100% + 44px);margin:0px -22px;padding:18px 20px;text-align:left;}
.avatar{display:grid;place-items:center;border-radius:50%;width:34px;height:34px;flex-shrink:0;background:rgb(228,220,205);color:rgb(131,108,83);font-size:13px;}
.profile-button strong{font-size:11px;font-weight:600;display:block;max-width:118px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-button small{font-size:9px;color:rgb(146,153,136);display:block;margin-top:2px;}
.profile-button > span:not(.avatar){min-width:0;}
.profile-button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.profile-button > .icon{margin-left:auto;width:13px;}
.workspace{margin-left:232px;min-height:100vh;}
.topbar{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0px 48px;gap:20px;}
.breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:rgb(154,159,149);}
.breadcrumb .icon{width:12px;height:12px;}
.breadcrumb strong{font-weight:500;color:rgb(89,102,87);}
.topbar-right{display:flex;align-items:center;gap:25px;}
.button{display:inline-flex;justify-content:center;align-items:center;gap:9px;padding:11px 19px;border-radius:6px;font-size:12px;font-weight:550;min-height:42px;}
.button-primary{background:var(--green);color:rgb(255,255,255);}
.button-primary:hover{background:rgb(44,72,57);color:white;transform:translateY(-1px);}
.button-small{font-size:11px;padding:8px 13px;min-height:35px;}
.button-small .icon{width:15px;height:15px;}
.button-outline{border:1px solid rgb(206,214,198);background:rgb(251,252,248);color:rgb(83,102,73);}
.button-outline:hover{background:rgb(234,240,228);}
main{max-width:1460px;margin:auto;padding:40px 48px 20px;}
.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600;color:rgb(140,151,132);}
.page-heading{margin-bottom:29px;}
.page-heading h1{font:49px/1.15 var(--serif);letter-spacing:-1.2px;margin:10px 0px 9px;}
.page-heading h1 em{color:rgb(118,135,105);}
.page-heading > p{font-size:12px;color:rgb(146,153,140);}
.catalog-section{margin-top:31px;}
.category-tabs{display:flex;gap:9px;padding-bottom:18px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none;}
.category-tab{padding:9px 15px;border-radius:6px;color:rgb(138,147,132);font-size:11px;display:flex;gap:8px;align-items:center;white-space:nowrap;border:1px solid transparent;}
.category-tab .icon{width:16px;height:16px;}
.category-tab.active{color:rgb(66,97,62);background:rgb(233,239,223);border-color:rgb(225,232,215);font-weight:600;}
.category-tab:hover{background:rgb(239,243,233);}
.search-form{margin-top:20px;display:flex;align-items:center;gap:11px;min-height:47px;border:1px solid rgb(225,229,219);border-radius:7px;background:rgb(255,255,255);padding:5px 7px 5px 15px;}
.search-form > .icon{color:rgb(153,161,144);width:17px;}
.search-form > input{flex:1 1 0%;min-width:0px;border:0px;background:transparent;padding:9px 0px;font-size:11px;color:rgb(92,107,83);outline:none;}
.search-form input::placeholder{color:rgb(160,167,150);}
.search-submit{display:flex;align-items:center;gap:13px;padding:8px 11px;border-left:1px solid var(--line);font-size:10px;color:rgb(103,117,90);white-space:nowrap;}
.search-submit .icon{width:15px;}
.search-context{display:flex;gap:15px;align-items:center;font-size:11px;margin:18px 0px 0px;color:rgb(130,144,116);}
.search-context button{display:flex;align-items:center;gap:4px;font-size:10px;}
.search-context .icon{width:12px;}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;margin:27px 0px 18px;gap:16px;}
.collection-toolbar > div:first-child{display:flex;align-items:baseline;gap:11px;}
.collection-toolbar h2{font-size:13px;font-weight:550;letter-spacing:-0.15px;}
.collection-toolbar > div > span{font-size:9px;color:rgb(161,167,151);}
.view-controls{display:flex;align-items:center;gap:6px;}
.view-controls select{max-width:160px;border:0px;background:transparent;color:rgb(142,151,132);font-size:10px;padding:6px;}
.view-controls .view-divider{height:17px;width:1px;background:var(--line);margin:0px 6px;}
.view-controls button{border-radius:4px;display:grid;place-items:center;color:rgb(161,171,148);width:28px;height:28px;}
.view-controls button.active{background:rgb(233,238,226);color:rgb(120,139,103);}
.view-controls .icon{width:14px;height:14px;}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0px,1fr));gap:23px 20px;}
.item-card{min-width:0px;border:1px solid rgb(230,233,224);border-radius:8px;background:white;padding:8px;transition:transform 0.2s,box-shadow 0.2s;display:flex;flex-direction:column;}
.item-card:hover{transform:translateY(-3px);box-shadow:rgba(50,76,48,0.063) 0px 8px 21px;}
.card-open{text-align:left;padding:0px;display:block;width:100%;min-width:0px;}
.artwork{height:200px;position:relative;overflow:hidden;background:rgb(232,228,216);border-radius:5px;display:flex;align-items:center;justify-content:center;padding:16px;}
.artwork.books{background:rgb(232,229,220);}
.artwork.screen{background:rgb(224,230,227);}
.artwork.places{background:linear-gradient(30deg,rgb(244,240,227) 12%,transparent 12.5%,transparent 87%,rgb(244,240,227) 87.5%,rgb(244,240,227)) 0px 0px / 64px 112px,linear-gradient(150deg,rgb(244,240,227) 12%,transparent 12.5%,transparent 87%,rgb(244,240,227) 87.5%,rgb(244,240,227)) 0px 0px,linear-gradient(30deg,rgb(244,240,227) 12%,transparent 12.5%,transparent 87%,rgb(244,240,227) 87.5%,rgb(244,240,227)) 32px 56px,linear-gradient(150deg,rgb(244,240,227) 12%,transparent 12.5%,transparent 87%,rgb(244,240,227) 87.5%,rgb(244,240,227)) 32px 56px rgb(232,230,219);}
.artwork img{position:relative;z-index:1;max-height:100%;max-width:100%;width:auto;object-fit:contain;box-shadow:rgba(36,52,47,0.208) 3px 6px 9px;border-radius:1px;}
.artwork .failed{display:none;}
.art-fallback{position:absolute;inset:0px;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;background:inherit;}
.art-fallback > span{opacity:0.5;}
.art-fallback strong{font:31px/1.05 var(--serif);max-width:220px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.art-fallback small{font-size:8px;letter-spacing:1px;text-transform:uppercase;max-width:170px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:rgb(141,146,126);}
.artwork:has(img:not(.failed)) .art-fallback{visibility:hidden;}
.screen .art-fallback{background:radial-gradient(at 25% 90%,rgba(127,147,134,0.36),transparent 60%) rgb(51,76,70);color:rgb(233,232,216);}
.screen .art-fallback small{color:rgb(178,187,169);}
.books .art-fallback{background:rgb(187,116,79);color:rgb(255,246,228);}
.places .art-fallback > span{background:rgb(226,216,186);width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:rgb(139,116,70);opacity:1;}
.places .art-fallback strong{font-size:29px;color:rgb(114,120,91);}
.card-kind{display:flex;align-items:center;gap:5px;font-size:8px;text-transform:uppercase;letter-spacing:0.6px;color:rgb(141,149,132);padding:14px 7px 0px;}
.card-kind > .icon{height:12px;width:12px;}
.card-kind > span{color:rgb(161,167,151);}
.item-card h3{padding:6px 7px 0px;font-size:14px;font-weight:550;color:rgb(58,75,60);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-subtitle{padding:3px 7px 0px;color:rgb(154,159,146);font-size:10px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.card-bottom{margin:auto 7px 2px;padding-top:10px;border-top:1px solid rgb(239,241,234);display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:47px;}
.card-open{margin-bottom:13px;}
.card-bottom > span{font-size:8px;color:rgb(146,154,133);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-bottom > span > .icon{width:12px;height:12px;margin-right:4px;}
.add-button{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgb(224,230,215);border-radius:50%;color:rgb(138,154,119);flex-shrink:0;}
.add-button:hover{background:rgb(228,236,217);}
.add-button .icon{width:14px;height:14px;}
.add-button.is-saved{background:rgb(234,240,227);border-color:rgb(234,240,227);color:rgb(100,129,78);}
.load-more{display:flex;align-items:center;flex-direction:column;margin-top:30px;gap:10px;}
.load-more > span{font-size:9px;color:rgb(156,163,144);}
footer{max-width:1460px;margin:20px auto 0px;padding:22px 48px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:9px;color:rgb(163,170,152);}
footer button{font-size:9px;display:flex;align-items:center;gap:9px;color:rgb(142,155,129);}
footer .icon{width:13px;height:13px;}
.empty-state{padding:64px 24px;text-align:center;border:1px dashed rgb(213,222,201);background:rgb(243,246,238);border-radius:10px;margin:20px 0px;}
.empty-state > div{display:grid;place-items:center;background:rgb(232,238,222);width:48px;height:48px;border-radius:50%;margin:0px auto 20px;color:rgb(139,155,119);}
.empty-state h2{font:35px var(--serif);margin-bottom:10px;}
.empty-state p{font-size:12px;color:rgb(137,151,125);max-width:410px;margin:0px auto 23px;line-height:1.8;}
.notice{padding:16px;border:1px solid rgb(230,215,195);color:rgb(150,124,85);font-size:12px;background:rgb(251,247,238);margin:20px 0px;border-radius:7px;}
.notice button{display:block;padding:8px 0px 0px;text-decoration:underline;}
.diary-summary{display:flex;align-items:center;gap:45px;background:rgb(237,241,230);padding:24px 30px;border:1px solid rgb(225,232,215);border-radius:8px;margin:24px 0px;}
.diary-summary > div{display:flex;flex-direction:column;gap:3px;}
.diary-summary strong{font:39px var(--serif);color:rgb(109,128,93);}
.diary-summary span{font-size:10px;color:rgb(139,153,126);}

.shelf-filters{display:flex;gap:18px;margin:28px 0px 23px;}
.shelf-filters > button{font-size:11px;color:rgb(137,151,121);padding:0px 0px 8px;border-bottom:2px solid transparent;}
.shelf-filters > button.active{border-color:rgb(114,137,96);color:rgb(89,113,68);}
.diary-note{font:17px/1.4 var(--serif);color:rgb(138,142,124);padding:0px 7px 12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.list-layout{display:flex;flex-direction:column;gap:12px;}
.list-layout .item-card{display:block;position:relative;padding:10px;}
.list-layout .card-open{padding-left:93px;height:105px;margin:0px;position:relative;width:calc(100% - 130px);}
.list-layout .artwork{position:absolute;left:0px;top:0px;width:78px;height:105px;padding:7px;}
.list-layout .art-fallback{padding:6px;gap:4px;}
.list-layout .art-fallback strong{font-size:14px;}
.list-layout .art-fallback small{display:none;}
.list-layout .card-kind{padding-top:15px;}
.list-layout .card-bottom{position:absolute;right:18px;top:24px;bottom:24px;width:115px;border:0px;margin:0px;}
.list-layout .diary-note{margin-left:93px;font-size:15px;max-width:70%;}
.comparison-arena{display:grid;grid-template-columns:1fr 46px 1fr;align-items:center;max-width:850px;margin:0px auto;}
.comparison-side > label{font-size:9px;text-transform:uppercase;letter-spacing:1.3px;color:rgb(151,160,135);display:block;margin-bottom:7px;}
.comparison-side > select{width:100%;padding:10px 12px;border:1px solid rgb(220,228,210);background:rgb(254,254,250);border-radius:6px;margin-bottom:14px;font-size:12px;color:rgb(107,128,87);}
.comparison-choice{width:100%;padding:18px;background:white;border:1px solid rgb(227,232,220);border-radius:10px;text-align:center;}
.comparison-choice:hover{border-color:rgb(162,184,138);box-shadow:rgba(49,75,49,0.063) 0px 8px 25px;}
.comparison-choice .card-kind{justify-content:center;}
.comparison-choice h2{font:32px/1.1 var(--serif);margin:10px 0px 7px;}
.comparison-choice > p{font-size:11px;color:rgb(151,160,138);min-height:34px;}
.compare-art{height:270px;padding:15px;}
.versus{text-align:center;font:italic 24px var(--serif);color:rgb(153,163,141);}
.saved-verdict{display:flex;align-items:center;gap:10px;border:1px solid rgb(202,219,186);background:rgb(237,245,228);padding:15px;border-radius:7px;font-size:11px;margin-top:22px;color:rgb(113,134,94);}
.saved-verdict > span{flex:1 1 0%;}
.saved-verdict > button{font-size:10px;text-decoration:underline;white-space:nowrap;}
.saved-verdict .icon{width:15px;}
.history-section{margin:40px 0px 10px;}
.history-section > h2{font:28px var(--serif);margin-bottom:16px;}
.history-row{display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);padding:16px 0px;font-size:11px;}
.history-row > div{flex:1 1 0%;}
.history-row strong{font-weight:500;}
.history-row small{display:block;color:rgb(157,166,143);font-size:9px;margin-top:4px;}
.history-row > div > span{color:rgb(161,169,145);}
.history-row > button{font-size:10px;color:rgb(151,164,136);}
.ranking-controls{display:flex;align-items:flex-end;gap:18px;margin:24px 0px 17px;}
.ranking-controls label{flex:1 1 0%;max-width:310px;}
.ranking-controls select{margin-top:7px;}
.ranking-controls > .button{margin-left:auto;white-space:nowrap;}
.rank-list{border:1px solid var(--line);border-radius:9px;background:rgb(255,255,255);padding:0px 22px;}
.rank-row{display:flex;align-items:center;gap:20px;border-bottom:1px solid rgb(233,238,225);width:100%;text-align:left;padding:19px 0px;}
.rank-row:last-child{border-bottom:0px;}
.rank-art{height:75px;width:55px;padding:4px;flex-shrink:0;border-radius:3px;}
.rank-art .art-fallback{padding:5px;gap:5px;}
.rank-art .art-fallback strong{font-size:12px;}
.rank-art .art-fallback small{display:none;}
.rank-art .art-fallback > span{width:18px;height:18px;}
.rank-art .icon{width:12px;height:12px;}
.rank-title{display:flex;flex:1 1 0%;flex-direction:column;gap:4px;min-width:0px;}
.rank-title strong{font:23px var(--serif);}
.rank-title > span{font-size:10px;color:rgb(160,168,147);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.rank-evidence{font-size:11px;color:rgb(143,158,124);text-align:right;}
.rank-evidence small{display:block;font-size:9px;margin-top:5px;color:rgb(169,178,154);}
.rank-row > .icon{width:15px;color:rgb(165,177,143);}
dialog{padding:35px;border:1px solid rgb(223,229,212);border-radius:13px;background:rgb(251,252,248);color:var(--ink);max-width:570px;width:calc(100% - 40px);max-height:90vh;box-shadow:rgba(35,50,31,0.208) 0px 28px 80px;overflow-y:auto;}
dialog::backdrop{background:rgba(32,48,38,0.396);backdrop-filter:blur(5px);}
.modal-close{position:absolute;right:13px;top:13px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:rgb(148,162,129);z-index:3;}
.modal-close:hover{background:rgb(237,242,229);}
.modal-close .icon{width:17px;}
dialog > h2{font:37px/1.1 var(--serif);margin:14px 0px 20px;}
dialog > p{font-size:12px;line-height:1.9;color:rgb(130,147,116);margin-bottom:18px;}
dialog > p a,.attribution a{text-decoration:underline;}
.detail-modal{max-width:650px;}
.detail-top{display:flex;gap:23px;margin:7px 0px 20px;align-items:center;}
.detail-art{width:112px;height:153px;flex-shrink:0;padding:0px;}
.detail-art img{width:100%;height:100%;object-fit:cover;}
.detail-art .art-fallback{padding:12px;gap:8px;}
.detail-art .art-fallback strong{font-size:21px;}
.detail-art .art-fallback small{font-size:7px;}
.detail-top h2{font:37px/1.03 var(--serif);margin:9px 0px 10px;}
.detail-top p{font-size:11px;color:rgb(142,156,123);}
.detail-top a{font-size:10px;color:rgb(123,146,94);display:inline-block;margin-top:13px;}
.tag-list{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;}
.tag-list > span{font-size:8px;padding:3px 8px;background:rgb(237,241,229);color:rgb(148,161,128);border-radius:20px;}
.item-description{max-height:160px;overflow:auto;padding-right:5px;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:11px !important;line-height:1.9 !important;}
.form-row{display:flex;gap:14px;margin-bottom:16px;}
.form-row > label{flex:1 1 0%;min-width:0px;}
label{font-size:10px;font-weight:500;color:rgb(125,140,109);display:block;}
label > input,label > select,label > textarea{display:block;margin-top:7px;}
input,select,textarea{border:1px solid rgb(220,228,208);border-radius:5px;background:rgb(255,255,255);color:rgb(85,109,67);padding:11px 12px;font-size:12px;width:100%;}
textarea{resize:vertical;line-height:1.7;}
textarea::placeholder,input::placeholder{color:rgb(168,178,152);}
select{cursor:pointer;}
input[type="date"]{min-width:0px;}
.modal-form-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:22px;}
.text-button{font-size:10px;padding:0px;}
.danger{color:rgb(181,136,108);}
.detail-compare{border-top:1px solid var(--line);margin-top:23px;padding:17px 0px 0px;width:100%;display:flex;align-items:center;gap:9px;font-size:11px;color:rgb(139,157,117);}
.detail-compare .icon{width:15px;}
.detail-compare .icon:last-child{margin-left:auto;}
.sources-list > div{border-top:1px solid var(--line);padding:16px 0px;}
.sources-list h3{font:24px var(--serif);margin-bottom:7px;}
.sources-list p{font-size:11px;color:rgb(134,154,115);line-height:1.8;}
.sources-list small{font-size:9px;color:rgb(156,170,138);}
.attribution{border-top:1px solid var(--line);padding-top:15px;font-size:10px !important;}
.toast{position:fixed;bottom:25px;left:calc(50% + 116px);transform:translate(-50%,20px);background:rgb(49,76,58);color:rgb(240,244,233);padding:14px 23px;border-radius:8px;box-shadow:rgba(43,67,41,0.165) 0px 8px 24px;z-index:100;font-size:12px;opacity:0;pointer-events:none;transition:opacity 0.2s,transform 0.2s;max-width:calc(-40px + 100vw);text-align:center;}
.toast.visible{opacity:1;transform:translate(-50%,0px);}
@media (min-width:1550px){.card-grid{grid-template-columns:repeat(4,minmax(0px,1fr));}.artwork{height:220px;}}
@media (max-width:1150px){.sidebar{width:200px;padding-left:16px;padding-right:16px;}.workspace{margin-left:200px;}.topbar{padding:0px 30px;}main{padding:32px 30px 20px;}.brand{font-size:35px;}.profile-button{width:calc(100% + 32px);margin:0px -16px;padding:17px 15px;}.card-grid{gap:16px 13px;}.artwork{height:180px;}.art-fallback strong{font-size:26px;}.collection-toolbar > div:first-child{display:block;}.collection-toolbar > div:first-child > span{display:block;margin-top:3px;}.toast{left:calc(50% + 100px);}footer{padding:22px 30px;}.rank-row{gap:13px;}.diary-summary{gap:25px;}.compare-art{height:220px;}}
@media (max-width:850px){.sidebar{width:76px;padding:27px 12px 0px;}.brand{font-size:0px;justify-content:center;gap:0px;}.brand img{width:34px;}.brand-dot,.nav-link > span,.profile-button > span:not(.avatar),.profile-button > .icon,.source-link{display:none;}.main-nav{margin-top:38px;gap:13px;}.nav-link{padding:14px;justify-content:center;}.nav-link > .icon{width:20px;}.sidebar-bottom{margin-top:auto;}.profile-button{width:auto;border:0px;margin:0px;padding:20px 9px;}.workspace{margin-left:76px;}.topbar{height:70px;padding:0px 25px;}main{padding:30px 25px 20px;}.page-heading h1{font-size:45px;}.toast{left:calc(50% + 38px);}.category-tab{font-size:10px;padding:9px 11px;gap:6px;}.category-tabs{gap:4px;}.ranking-controls{gap:12px;}.ranking-controls > .button{font-size:0px;padding:12px;}.ranking-controls > .button > .icon{width:17px;}.card-grid{grid-template-columns:repeat(2,minmax(0px,1fr));}.artwork{height:215px;}.art-fallback strong{font-size:31px;}.rank-evidence{font-size:10px;}.rank-evidence small{font-size:8px;}.rank-title strong{font-size:21px;}footer{padding:20px 25px;}}
@media (max-width:580px){.sidebar{position:fixed;inset:auto 0px 0px;width:100%;height:66px;padding:0px 10px;background:rgba(245,247,239,0.95);backdrop-filter:blur(15px);border-right:0px;border-top:1px solid var(--line);}.brand,.sidebar-bottom{display:none;}.main-nav{margin:0px;flex-direction:row;justify-content:space-around;gap:0px;height:100%;}.nav-link{padding:7px 14px 6px;flex-direction:column;gap:3px;width:auto;flex:1 1 0%;font-size:9px;border-radius:0px;color:rgb(140,154,125);}.nav-link.active{background:none;color:rgb(62,101,64);}.nav-link > .icon{height:21px;width:21px;}.workspace{margin-left:0px;padding-bottom:66px;}.topbar{height:65px;padding:0px 19px;}.breadcrumb{font-size:10px;gap:5px;}.breadcrumb > .icon{width:10px;}.topbar-right{gap:0px;}.button-small{font-size:10px;padding:7px 10px;min-height:33px;}.button-small > .icon{width:13px;}.topbar .breadcrumb > strong{display:none;}.topbar .breadcrumb > .icon{display:none;}.topbar .breadcrumb::before{content:"";display:block;width:23px;height:23px;background:url("/favicon.svg") center center / contain no-repeat;margin-right:5px;}.topbar .breadcrumb{font-size:10px;}main{padding:27px 19px 14px;}.eyebrow{font-size:8px;letter-spacing:1.7px;}.page-heading{margin-bottom:23px;}.page-heading h1{font-size:40px;letter-spacing:-0.7px;line-height:1.05;margin-top:12px;}.page-heading > p{font-size:11px;max-width:290px;line-height:1.7;}.orbit-one{width:230px;height:230px;left:-65px;top:22px;}.catalog-section{margin-top:24px;}.category-tabs{padding-bottom:14px;gap:4px;}.category-tab{padding:8px 10px;font-size:9px;gap:5px;}.category-tab > .icon{width:13px;height:13px;}.category-tab:last-child > span{font-size:0px;}.category-tab:last-child > span::after{content:"Places";font-size:9px;}.search-form{margin-top:17px;padding-left:10px;gap:6px;}.search-form > input{font-size:10px;}.search-form > .icon{width:15px;}.search-submit{font-size:0px;padding:8px;}.search-submit .icon{width:17px;}.collection-toolbar{margin:22px 0px 15px;gap:10px;}.collection-toolbar h2{font-size:12px;}.collection-toolbar > div > span{font-size:8px;}.view-controls select{max-width:116px;font-size:9px;}.view-controls .view-divider{display:none;}.view-controls{gap:1px;}.view-controls button{width:24px;height:24px;}.card-grid{gap:16px 11px;}.item-card{padding:6px;border-radius:6px;}.artwork{height:160px;padding:12px;}.art-fallback{padding:15px;gap:8px;}.art-fallback strong,.places .art-fallback strong{font-size:24px;}.art-fallback small{font-size:6px;letter-spacing:0.8px;}.places .art-fallback > span{width:27px;height:27px;}.places .art-fallback .icon{width:16px;}.card-kind{font-size:6px;padding:11px 3px 0px;gap:3px;letter-spacing:0.5px;}.card-kind > .icon{width:10px;height:10px;}.item-card h3{font-size:12px;padding:5px 3px 0px;}.card-subtitle{font-size:8px;padding:3px 3px 0px;}.card-open{margin-bottom:10px;}.card-bottom{margin-left:3px;margin-right:3px;min-height:37px;padding-top:8px;}.card-bottom > span{font-size:7px;}.add-button{width:23px;height:23px;}.card-bottom > span > .icon{width:10px;height:10px;margin-right:2px;}.load-more .button{font-size:11px;}.load-more > span{font-size:8px;}footer{padding:20px 19px;display:block;font-size:9px;margin-top:14px;}footer > button{margin-top:11px;padding:0px;}.toast{left:50%;bottom:82px;width:max-content;font-size:11px;padding:12px 18px;}.empty-state{padding:43px 19px;}.empty-state h2{font-size:30px;}.empty-state p{font-size:11px;}.diary-summary{gap:20px;padding:20px 17px;position:relative;align-items:flex-start;margin-bottom:25px;}.diary-summary strong{font-size:34px;}.diary-summary span{font-size:8px;max-width:75px;}.diary-summary > div{max-width:29%;}.shelf-filters{gap:20px;margin:22px 0px;}.shelf-filters > button{font-size:10px;}.diary-note{font-size:14px;padding:0px 4px 8px;}.list-layout .card-open{width:calc(100% - 30px);padding-left:78px;height:90px;}.list-layout .artwork{width:66px;height:90px;}.list-layout .card-bottom{width:25px;right:10px;}.list-layout .card-bottom > span{display:none;}.list-layout .diary-note{margin-left:78px;max-width:70%;font-size:13px;}.comparison-arena{grid-template-columns:1fr 22px 1fr;}.comparison-side > label{font-size:7px;letter-spacing:0.8px;}.comparison-side > select{font-size:10px;padding:8px 5px;margin-bottom:10px;}.comparison-choice{padding:8px;border-radius:7px;}.compare-art{height:160px;padding:10px;}.comparison-choice h2{font-size:23px;min-height:48px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0px 5px;}.comparison-choice > p{font-size:8px;min-height:30px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.versus{font-size:19px;}.saved-verdict{flex-wrap:wrap;font-size:10px;gap:8px;padding:13px;}.saved-verdict > span{flex-basis:80%;}.saved-verdict > button{margin-left:23px;font-size:9px;}.history-section > h2{font-size:27px;}.history-row{font-size:10px;gap:9px;}.history-row small{font-size:8px;}.ranking-controls{gap:9px;flex-wrap:wrap;margin-top:20px;}.ranking-controls label{font-size:9px;}.ranking-controls select{font-size:10px;padding:10px 8px;max-width:100%;}.ranking-controls > .button{padding:10px;min-height:35px;}.ranking-controls > label:first-child{flex:2 1 0%;}.ranking-controls > label:nth-child(2){flex:1 1 0%;}.ranking-controls > button{display:none;}.rank-list{padding:0px 12px;}.rank-row{gap:10px;padding:15px 0px;}.rank-art{height:60px;width:43px;}.rank-title strong{font-size:21px;line-height:1.05;}.rank-title > span{font-size:8px;max-width:140px;}.rank-evidence{font-size:8px;max-width:62px;}.rank-evidence small{font-size:7px;}.rank-row > .icon{display:none;}dialog{padding:29px 22px;width:calc(100% - 26px);max-height:92vh;border-radius:10px;}dialog > h2{font-size:32px;}dialog > p{font-size:11px;}.detail-top{gap:15px;margin-top:10px;}.detail-art{width:87px;height:125px;}.detail-top h2{font-size:28px;}.detail-top .eyebrow{font-size:7px;}.detail-top p{font-size:9px;}.detail-top a{font-size:9px;}.tag-list > span{font-size:7px;padding:3px 6px;}.form-row{gap:10px;}.form-row > label{font-size:9px;}.form-row input,.form-row select{font-size:10px;padding:10px 8px;}.modal-form-footer{gap:10px;}.modal-form-footer .button{font-size:10px;padding:9px 12px;min-height:38px;}.modal-form-footer .text-button{font-size:9px;}.detail-compare{font-size:10px;gap:7px;}.detail-compare > .icon{width:14px;}.item-description{font-size:10px !important;}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto !important;transition:none !important;}}
.source-link,.profile-button small{color:rgb(112,124,102);}
.breadcrumb,.eyebrow,.page-heading > p,.category-tab,.search-submit,.collection-toolbar > div > span,.view-controls select,.card-kind,.card-kind > span,.card-subtitle,.card-bottom > span,.load-more > span,footer,footer button{color:rgb(110,123,100);}
.search-form input::placeholder{color:rgb(125,135,117);}
.art-fallback small{color:rgb(104,116,91);}
.screen .art-fallback small{color:rgb(197,204,189);}
.card-subtitle{font-size:11px;}
.card-kind{font-size:9px;}
.card-bottom > span{font-size:10px;}
.diary-summary span,.shelf-filters > button,.comparison-choice > p,.history-row small,.history-row > div > span,.rank-title > span,.rank-evidence,.rank-evidence small{color:rgb(111,126,97);}
.eyebrow{color:rgb(113,129,101);}
.category-tab.active{color:rgb(66,97,62);}
.nav-link.active{color:rgb(54,85,65);}
.profile-button strong{color:rgb(74,94,62);}
.artwork:has(img:not(.failed)) .art-fallback{visibility:visible;}
.artwork:has(img.loaded) .art-fallback{visibility:hidden;}
.artwork img:not(.loaded){opacity:0;}
.artwork img.loaded{opacity:1;}
.mobile-profile{display:none;}
footer a{text-decoration:underline;text-underline-offset:3px;color:rgb(109,124,95);}
@media (max-width:580px){.card-kind{font-size:7px;}.card-subtitle{font-size:9px;}.card-bottom > span{font-size:8px;}.mobile-profile{display:grid;place-items:center;padding:0px;margin-left:9px;}.mobile-profile .avatar{height:29px;width:29px;font-size:11px;}.topbar-right{flex-direction:row-reverse;gap:9px;}.mobile-profile{margin-left:0px;}}
.main-nav{margin-top:34px;}
.page-heading h1{font:600 32px/1.2 var(--sans);letter-spacing:-0.8px;margin:0px;}
.page-heading{margin-bottom:25px;}
.catalog-section{margin-top:0px;}
.topbar{height:72px;}
.topbar-right{gap:14px;}
.breadcrumb{font-size:12px;}
.search-form > input{font-size:13px;}
.search-submit{font-size:12px;}
.search-actions{display:flex;gap:12px;align-items:center;margin-top:10px;font-size:11px;color:rgb(110,123,100);}
.search-actions .text-button{font-size:12px;text-decoration:underline;text-underline-offset:3px;}
.category-help{margin:18px 0px 0px;font-size:12px;color:rgb(110,123,100);}
.collection-toolbar > div > span{font-size:11px;}
.collection-toolbar h2{font-size:14px;}
.card-kind{font-size:10px;}
.card-subtitle{font-size:12px;}
.card-bottom > span{font-size:11px;}
.empty-state h2{font:550 25px/1.3 var(--sans);}
.empty-state p{font-size:13px;}
.diary-summary strong{font:550 29px var(--sans);}
.diary-summary span{font-size:12px;}

.comparison-side > label{text-transform:none;letter-spacing:0px;font-size:12px;}
.comparison-choice h2{font:550 23px/1.25 var(--sans);}
.comparison-choice > p{font-size:12px;}
.saved-verdict{font-size:13px;}
.history-section > h2{font:550 22px var(--sans);}
.history-row{font-size:12px;}
.rank-title strong{font:550 20px/1.25 var(--sans);}
.rank-evidence{font-size:12px;}
.rank-title > span{font-size:11px;}
.ranking-controls label{font-size:12px;}
footer{display:flex;justify-content:flex-start;gap:22px;}
footer button{font-size:11px;padding:0px;}
.auth-modal,.recovery-modal{max-width:430px;}
.recovery-form{display:grid;gap:16px;margin:18px 0;}
.recovery-form label{display:grid;gap:6px;font-size:15px;}
.recovery-form input{width:100%;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:5px;font-size:16px;}
.recovery-modal p{overflow-wrap:anywhere;}
.recovery-modal button{min-height:44px;}
.recovery-form [role="status"]:empty{display:none;}
dialog > h2{font:550 28px/1.25 var(--sans);}
dialog > p{font-size:13px;}
.detail-top h2{font:550 28px/1.2 var(--sans);}
.detail-top p{font-size:12px;}
.detail-top a{font-size:12px;}
.detail-compare,.detail-delete{font-size:12px;}
.detail-delete{display:block;margin-top:22px;}
.item-description{font-size:12px !important;}
label{font-size:12px;}
input,select,textarea{font-size:13px;}
.text-button{font-size:12px;}
.form-error{font-size:13px;margin-top:15px;line-height:1.5;color:rgb(165,63,53) !important;}
.auth-modal label,.import-modal label{margin-bottom:16px;}
.auth-modal form > .button,.import-modal form > .button{margin-top:5px;}
.auth-toggle{display:block;margin-top:23px;text-decoration:underline;text-underline-offset:3px;}
.auth-progress{margin-top:12px;font-size:14px;color:var(--muted);}
.auth-progress:empty{display:none;}
.auth-spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin .8s linear infinite;}
@keyframes auth-spin{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation:none;}}
.field-help{font-size:12px;color:rgb(110,123,100);line-height:1.5;margin:-4px 0px 15px;}
.import-preview-heading{border-top:1px solid var(--line);padding-top:22px;margin:25px 0px 20px;}
.import-preview-heading h3{font-size:17px;font-weight:550;}
.button-danger{background:rgb(166,68,56);color:white;}
.button-danger:hover{background:rgb(137,55,45);color:white;}
.detail-top{overflow-wrap:anywhere;}
.import-modal .form-row label{margin-bottom:0px;}
.profile-button strong{max-width:125px;}
.source-link{font-size:12px;}
.modal-form-footer .text-button{font-size:12px;}
@media (min-width:1300px){.card-grid{grid-template-columns:repeat(4,minmax(0px,1fr));}.artwork{height:230px;}.compare-art{height:290px;}.detail-art{height:153px;}.rank-art{height:75px;}}
@media (max-width:850px){.main-nav{margin-top:38px;}.page-heading h1{font-size:30px;}.rank-evidence{font-size:10px;}}
@media (max-width:580px){.main-nav{margin:0px;}.topbar{height:64px;}.topbar-right{flex-direction:row;gap:12px;}.mobile-profile{font-size:11px;}.breadcrumb > span{display:none;}.page-heading h1{font-size:28px;line-height:1.2;}.page-heading{margin-bottom:22px;}.category-tab{font-size:10px;}.category-tab:last-child > span::after{content:"Places";font-size:10px;}.search-submit{font-size:11px;padding:8px;}.search-form > input{font-size:12px;}.search-actions{gap:8px;flex-wrap:wrap;font-size:10px;}.search-actions .text-button{font-size:11px;}.collection-toolbar > div > span{font-size:10px;}.view-controls select{max-width:116px;font-size:10px;}.card-kind{font-size:8px;}.card-subtitle{font-size:10px;}.card-bottom > span{font-size:9px;}.empty-state h2{font-size:22px;}.empty-state p{font-size:12px;}.diary-summary{gap:20px;}.diary-summary strong{font-size:27px;}.diary-summary span{font-size:10px;}.comparison-choice h2{font-size:17px;min-height:44px;margin-top:12px;}.comparison-choice > p{font-size:10px;}.comparison-side > label{font-size:10px;}.saved-verdict{font-size:11px;}.history-row{font-size:11px;}.rank-title strong{font-size:16px;}.rank-title > span{font-size:9px;}.rank-evidence{font-size:9px;}.ranking-controls label{font-size:11px;}.rank-evidence{max-width:70px;}.rank-art{height:60px;}.detail-top h2{font-size:23px;}.detail-top p{font-size:11px;}.detail-top a{font-size:11px;}.detail-art{height:125px;}.detail-top{gap:15px;}dialog > h2{font-size:25px;}dialog > p{font-size:12px;}.form-row > label{font-size:11px;}.form-row input,.form-row select{font-size:12px;}.modal-form-footer .text-button{font-size:11px;}.auth-modal label,.import-modal label{font-size:12px;}.import-modal .form-row{gap:12px;}.auth-modal input,.import-modal input{font-size:14px;}.search-context{font-size:11px;gap:12px;}.search-context > button{white-space:nowrap;}footer{display:flex;margin-top:20px;}footer > button{font-size:11px;margin-top:0px;}.comparison-side{min-width:0px;}}
.comparison-arena{max-width:850px;align-items:start;}
.comparison-choice{display:grid;grid-template-columns:76px 1fr;column-gap:14px;text-align:left;padding:14px;min-height:125px;}
.comparison-choice:hover{border-color:rgb(227,232,220);box-shadow:none;}
.comparison-choice .compare-art{grid-row:1 / 4;width:76px;height:103px;padding:0px;}
.comparison-choice .card-kind{justify-content:flex-start;padding:0px;align-self:end;}
.comparison-choice h2{font:550 18px/1.25 var(--sans);margin:5px 0px;overflow-wrap:anywhere;}
.comparison-choice > p{font-size:11px;min-height:0px;margin:0px;}
.comparison-arena .versus{align-self:center;}
.comparison-decisions{max-width:850px;margin:24px auto 0px;}
.comparison-instructions{font-size:12px;color:rgb(110,123,100);margin:0px 0px 20px;}
.axis-row{min-width:0px;margin:0px 0px 15px;border:1px solid var(--line);border-radius:9px;padding:13px 16px 10px;background:rgb(255,255,255);}
.axis-row legend{font-size:13px;font-weight:550;padding:0px 7px;color:rgb(70,93,61);}
.axis-overall{border-color:rgb(156,175,139);background:rgb(244,247,239);}
.axis-overall legend{font-size:15px;font-weight:650;}
.axis-controls{display:flex;align-items:center;gap:12px;}
.preference-track{display:grid;grid-template-columns:1fr 0.7fr 1fr;flex:1 1 0%;min-width:0px;padding:4px;gap:3px;border:1px solid rgb(220,228,210);border-radius:30px;background:rgb(238,242,232);}
.preference-option{position:relative;display:flex;align-items:center;justify-content:center;min-height:35px;border-radius:24px;cursor:pointer;text-align:center;color:rgb(110,123,100);}
.preference-option.selected{background:rgb(70,99,67);color:white;box-shadow:rgba(38,60,37,0.125) 0px 2px 5px;}
.preference-option input,.preference-incomparable input{position:absolute;inset:0px;opacity:0;width:100%;height:100%;margin:0px;cursor:pointer;}
.preference-option:has(input:focus-visible),.preference-incomparable:has(input:focus-visible){outline:rgb(52,90,57) solid 2px;outline-offset:3px;}
.preference-option span{font-size:12px;pointer-events:none;padding:0px 7px;}
.preference-incomparable{position:relative;display:grid;place-items:center;min-height:37px;border:1px solid rgb(220,228,210);border-radius:6px;padding:0px 11px;cursor:pointer;font-size:11px;white-space:nowrap;}
.preference-incomparable.selected{background:rgb(225,232,217);border-color:rgb(124,151,107);color:rgb(51,78,45);}
.axis-reset{font-size:11px;min-width:34px;text-decoration:underline;text-underline-offset:3px;}
.axis-reset:disabled{opacity:0.35;cursor:default;}
.axis-status{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font-size:11px;color:rgb(118,129,109);overflow-wrap:anywhere;}
.axis-status small{font-size:10px;}
.axis-dirty .axis-status > span{color:rgb(83,108,63);}
.comparison-save{display:flex;align-items:center;gap:15px;margin-top:20px;}
.comparison-save > span{font-size:12px;color:rgb(110,123,100);}
.button:disabled{opacity:0.5;cursor:default;}
.user-results{margin:22px 0px;}
.user-result{display:flex;align-items:center;gap:13px;text-align:left;width:100%;padding:16px 12px;border-bottom:1px solid var(--line);}
.user-result:hover{background:rgb(237,242,230);}
.user-result > span:nth-child(2){flex:1 1 0%;min-width:0px;}
.user-result strong,.user-result small{display:block;overflow-wrap:anywhere;}
.user-result strong{font-weight:550;font-size:15px;}
.user-result small{margin-top:5px;font-size:12px;color:rgb(110,123,100);}
.public-profile{margin-top:30px;border-top:1px solid var(--line);padding-top:26px;}
.public-profile-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px;}
.public-profile-heading > div:first-child{min-width:0;}
.public-profile-heading h2{font:550 24px/1.3 var(--sans);overflow-wrap:anywhere;}
.public-profile-heading p{font-size:12px;color:rgb(110,123,100);margin-top:6px;overflow-wrap:anywhere;}
.public-profile-heading > button{display:flex;align-items:center;gap:8px;white-space:nowrap;}
.public-profile-heading .icon{width:14px;}
.user-empty{padding:24px 0px;color:rgb(110,123,100);font-size:13px;}
.checkbox-field{display:flex;align-items:center;gap:10px;margin:20px 0px 12px;font-size:13px;cursor:pointer;}
.checkbox-field > input{width:17px;height:17px;margin:0px;accent-color:rgb(70,99,67);}
@media (max-width:580px){.nav-link{padding-left:5px;padding-right:5px;}.comparison-choice{display:block;padding:10px;min-height:0px;}.comparison-choice .compare-art{width:100%;height:100px;margin-bottom:9px;}.comparison-choice h2{font-size:14px;min-height:35px;margin:6px 0px;display:block;}.comparison-choice > p{font-size:10px;min-height:28px;}.comparison-choice .card-kind{font-size:9px;min-height:22px;}.comparison-decisions{margin-top:20px;}.axis-row{padding:10px;margin-bottom:14px;}.axis-controls{display:grid;grid-template-columns:1fr auto;gap:8px;}.preference-track{grid-column:1 / -1;}.preference-option{min-height:37px;}.preference-option span{font-size:11px;}.preference-incomparable{min-height:30px;font-size:10px;justify-self:start;padding:0px 10px;}.axis-reset{font-size:10px;}.axis-status{font-size:10px;flex-wrap:wrap;gap:4px;}.axis-row legend{font-size:12px;}.axis-overall legend{font-size:14px;}.comparison-save{gap:10px;align-items:flex-start;flex-direction:column;}.comparison-save .button{width:100%;}.comparison-save > span{font-size:11px;}.public-profile-heading{align-items:flex-start;}.public-profile-heading h2{font-size:20px;}.public-profile-heading > button{font-size:10px;}.user-result{padding-left:3px;padding-right:3px;}.user-result strong{font-size:14px;}}
.comparison-choice .art-fallback{padding:0px;justify-content:center;}
.comparison-choice .art-fallback strong,.comparison-choice .art-fallback small{display:none;}
.comparison-modes{display:flex;gap:8px;margin:20px 0px 22px;border-bottom:1px solid var(--line);padding-bottom:12px;}
.comparison-modes > button{font-size:13px;padding:9px 15px;border:1px solid transparent;border-radius:6px;color:rgb(99,116,85);}
.comparison-modes > button.active{background:rgb(233,239,223);border-color:rgb(207,220,190);color:rgb(63,95,51);font-weight:600;}
.compare-page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;}
.compare-page-heading .comparison-modes{margin:0px;border:0px;padding:0px;}

.comparison-revisit strong{font-weight:600;}
.history-section{margin-top:24px;}
.history-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:10px;}
.history-heading h2,.history-edit-heading h2{font:550 22px/1.3 var(--sans);margin:0px;}
.history-heading > span,.history-empty{font-size:12px;color:rgb(104,122,91);}
.history-row{align-items:flex-start;gap:20px;padding:22px 0px;}
.history-pair{min-width:0px;}
.history-pair h3{font-size:15px;font-weight:550;line-height:1.5;overflow-wrap:anywhere;margin:0px 0px 5px;}
.history-pair h3 > span{font-weight:400;color:rgb(110,123,100);}
.history-pair > p{font-size:11px;color:rgb(110,123,100);line-height:1.5;margin:0px 0px 10px;}
.history-decisions{display:flex;flex-direction:column;gap:8px;}
.history-decision{display:flex;align-items:baseline;gap:16px;justify-content:space-between;font-size:12px;color:rgb(97,114,80);max-width:650px;}
.history-decision strong{font-weight:600;}
.history-decision > button{font-size:11px;text-decoration:underline;text-underline-offset:3px;flex-shrink:0;}
.history-row > .history-actions{display:flex;flex:0 0 auto;align-items:center;gap:15px;}
.history-actions .button{min-height:33px;font-size:12px;}
.history-actions > .text-button{font-size:11px;white-space:nowrap;text-decoration:underline;text-underline-offset:3px;}
.history-edit-unavailable{font-size:11px !important;margin:12px 0px 0px !important;}
.history-edit-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:25px 0px;}
.history-edit-heading p{font-size:12px;color:rgb(110,123,100);margin:8px 0px 0px;line-height:1.5;}
.history-edit-heading > button{white-space:nowrap;text-decoration:underline;text-underline-offset:3px;}
.history-editor .saved-verdict{margin:0px 0px 22px;}
.comparison-decisions fieldset:disabled .preference-option,.comparison-decisions fieldset:disabled .preference-incomparable{cursor:wait;}
.comparison-decisions fieldset:disabled{opacity:0.75;}
@media (max-width:580px){.compare-page-heading{align-items:flex-start;flex-direction:column;gap:12px;}}
@media (max-width:580px){.comparison-modes{margin:16px 0px;gap:5px;padding-bottom:10px;}.comparison-modes > button{font-size:12px;padding:8px 12px;}.history-heading{align-items:flex-start;flex-direction:column;gap:5px;}.history-heading h2,.history-edit-heading h2{font-size:20px;}.history-row{flex-direction:column;gap:14px;padding:19px 0px;}.history-pair{width:100%;}.history-pair h3{font-size:13px;}.history-pair > p,.history-decision{font-size:11px;}.history-row > .history-actions{width:100%;justify-content:space-between;}.history-edit-heading{gap:12px;}.history-edit-heading > button{font-size:11px;}.history-edit-heading p{font-size:11px;}}
@media (min-width:581px){main:has(.comparison-decisions){padding-top:16px;}main:has(.comparison-decisions) > .page-heading{margin-bottom:12px;}main:has(.comparison-decisions) > .category-tabs{padding-bottom:10px;}.comparison-side > label{margin-bottom:4px;}.comparison-side > select{padding:8px 10px;margin-bottom:8px;}.comparison-choice{grid-template-columns:60px 1fr;padding:10px;min-height:102px;}.comparison-choice .compare-art{width:60px;height:80px;}.comparison-choice h2{font-size:17px;}.comparison-decisions{margin-top:14px;}.comparison-instructions{margin-bottom:6px;}.axis-row{padding:6px 13px 7px;margin-bottom:8px;}.preference-track{padding:3px;}.preference-option{min-height:30px;}.preference-incomparable{min-height:32px;}.axis-status{margin-top:4px;}.comparison-save{margin-top:12px;}}
.heading-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.heading-actions > div,.profile-actions,.account-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.card-ratings{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:0px 4px 10px;margin-top:4px;}
.elo-badge{display:inline-flex;align-items:baseline;gap:5px;font-size:11px;color:rgb(99,116,85);}
.elo-badge strong{font-size:13px;font-weight:650;color:rgb(62,90,53);}
.absolute-stars{font-size:12px;color:rgb(125,104,56);white-space:nowrap;}
.detail-ratings{margin:16px 0px;}
.detail-ratings .elo-badge{font-size:13px;}
.detail-ratings .elo-badge strong{font-size:18px;}
.card-bottom > span{min-width:0px;overflow-wrap:anywhere;line-height:1.5;}
.card-bottom > .add-button{flex-shrink:0;}
.shelf-filters{flex-wrap:wrap;gap:8px;}
.account-tools{margin-top:24px;}
.account-modal > p{overflow-wrap:anywhere;}
.social-modes{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--line);padding-bottom:12px;}
.social-modes > button{font-size:13px;padding:9px 16px;border:1px solid transparent;border-radius:6px;color:rgb(99,116,85);}
.social-modes > button.active{background:rgb(233,239,223);border-color:rgb(207,220,190);color:rgb(63,95,51);font-weight:600;}
.following-row{display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--line);}
.following-row .user-result{border:0px;}
.following-row > .text-button{padding-right:12px;text-decoration:underline;text-underline-offset:3px;}
.profile-actions{justify-content:flex-end;}
.profile-actions .text-button{display:flex;align-items:center;gap:6px;}
.profile-activity{margin-top:32px;}
.profile-activity h3{font-size:18px;font-weight:550;margin:0px 0px 15px;}
.activity-row{display:flex;align-items:flex-start;gap:13px;padding:19px 0px;border-bottom:1px solid var(--line);}
.activity-row > div{min-width:0px;}
.activity-row > .avatar{flex-shrink:0;width:35px;height:35px;}
.activity-user{text-align:left;font-weight:550;font-size:13px;overflow-wrap:anywhere;}
.activity-user > small{font-weight:400;color:rgb(110,123,100);margin-left:6px;font-size:11px;}
.activity-summary{font-size:13px;line-height:1.8;margin:7px 0px;overflow-wrap:anywhere;}
.activity-item{font-size:13px;font-weight:550;text-decoration:underline;text-underline-offset:3px;text-align:left;}
.activity-summary .absolute-stars{margin-left:8px;}
.activity-decisions{font-size:11px;color:rgb(110,123,100);line-height:1.6;}
.activity-row time{font-size:11px;color:rgb(110,123,100);}
.rank-evidence > strong{display:block;font-size:15px;font-weight:600;color:rgb(62,90,53);}
.rank-evidence > small{display:block;margin-top:6px;}
.bulk-import-modal{max-width:660px;}
.bulk-import-modal > p{line-height:1.6;}
.bulk-import-modal input[type="file"]{padding:11px 9px;background:rgb(255,255,255);font-size:13px;}
.sync-status{display:flex;align-items:center;gap:8px;font-size:13px;color:rgb(83,100,84);flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;}
.sync-status>span{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.sync-status>button{flex-shrink:0;white-space:nowrap;}
.sync-status button{font:inherit;text-decoration:underline;cursor:pointer;padding:4px 2px;color:inherit;background:transparent;border:0px;}
.sync-status[data-busy="true"]:not(.background-sync)::before{content:"";width:12px;height:12px;flex-shrink:0;border:2px solid var(--line);border-top-color:var(--green);border-radius:50%;animation:sync-progress 1s linear infinite;}
.sync-status button.sync-update{padding:6px 12px;border:1px solid var(--green);border-radius:6px;text-decoration:none;font-weight:600;background:var(--pale);}
@keyframes sync-progress{to{transform:rotate(360deg);}}
@media(prefers-reduced-motion:reduce){.sync-status[data-busy="true"]:not(.background-sync)::before{animation:none;}}
.sync-review{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;}
.topbar:has(.sync-status){height:auto;min-height:64px;padding-top:6px;padding-bottom:6px;flex-wrap:nowrap;gap:16px;}
.sync-status:empty{display:none;}
@media (max-width:850px){.topbar:has(.sync-status)>.breadcrumb{display:none;}.topbar:has(.sync-status){gap:8px;}.topbar-right{flex-shrink:0;gap:4px;}}
.bulk-preview-list{max-height:360px;overflow:auto;border:1px solid var(--line);border-radius:7px;margin:15px 0px;}
.bulk-preview-row{display:flex;align-items:flex-start;gap:12px;padding:12px;border-bottom:1px solid var(--line);cursor:pointer;margin:0px;}
.bulk-preview-row:last-child{border-bottom:0px;}
.bulk-preview-row > input{width:17px;height:17px;flex-shrink:0;margin:3px 0px 0px;accent-color:rgb(70,99,67);}
.bulk-preview-row > span{min-width:0px;}
.bulk-preview-row strong{display:block;font-size:13px;font-weight:550;line-height:1.5;overflow-wrap:anywhere;}
.bulk-preview-row small,.bulk-preview-row > span > span{display:block;font-size:11px;line-height:1.5;color:rgb(110,123,100);margin-top:4px;}
#bulk-selected-count{font-size:12px;color:rgb(110,123,100);}
#bulk-commit-form > .text-button{text-decoration:underline;text-underline-offset:3px;}
@media (max-width:580px){.heading-actions{align-items:flex-start;gap:12px;flex-wrap:wrap;}.heading-actions .button{font-size:12px;min-height:40px;padding:9px 12px;}.heading-actions > div{gap:8px;}.card-ratings{gap:4px;padding-bottom:8px;}.elo-badge{font-size:9px;gap:4px;}.elo-badge strong{font-size:11px;}.absolute-stars{font-size:10px;}#entry-form select,#entry-form input{font-size:16px;min-height:44px;}.social-modes > button{font-size:12px;padding:9px 14px;}.public-profile-heading{flex-wrap:wrap;}.profile-actions{justify-content:flex-start;width:100%;gap:16px;}.profile-actions .button{min-height:40px;font-size:12px;}.profile-actions .text-button{font-size:12px;min-height:40px;}.activity-user{font-size:13px;}.activity-user > small{font-size:11px;}.activity-summary,.activity-item{font-size:12px;}.activity-row{gap:10px;}.activity-row > .avatar{height:30px;width:30px;}.rank-evidence > strong{font-size:12px;}.rank-evidence > small{font-size:9px;}.rank-evidence{min-width:65px;}.account-tools > .button{min-height:42px;font-size:12px;}.bulk-import-modal input,.bulk-import-modal select{font-size:16px;}.bulk-preview-row strong{font-size:12px;}.bulk-preview-row small,.bulk-preview-row > span > span{font-size:11px;}.bulk-import-modal .checkbox-field{font-size:12px;line-height:1.5;}#bulk-commit-form .modal-form-footer{align-items:flex-start;flex-direction:column;gap:12px;}#bulk-commit-form button[type="submit"]{width:100%;min-height:45px;font-size:13px;}}
.category-tabs{display:grid;grid-template-columns:repeat(5,minmax(0px,1fr));gap:7px;overflow:visible;}
.category-tab{min-width:0px;justify-content:center;padding-left:9px;padding-right:9px;white-space:nowrap;text-align:center;line-height:1.3;}
.category-tab > .icon{flex-shrink:0;}
.artwork.music{background:rgb(231,225,237);color:rgb(104,84,119);}
.music .art-fallback{background:linear-gradient(145deg,rgb(238,232,244),rgb(217,228,223));}
.music .art-fallback > span{background:rgba(255,255,255,0.565);color:rgb(106,90,123);}
.music .art-fallback strong{color:rgb(85,71,101);}
.music .art-fallback small{color:rgb(114,99,126);}
.card-open .artwork.music{aspect-ratio:1 / 1;height:auto;min-height:0px;}
.detail-art.music{height:120px;}
.rank-art.music{width:72px;height:72px;}
.category-help > .text-button{text-decoration:underline;text-underline-offset:3px;font-size:inherit;}
.field-help > a{color:rgb(70,99,67);text-decoration:underline;text-underline-offset:3px;}
@media (max-width:580px){.detail-art.music{height:87px;}.rank-art.music{width:60px;height:60px;}}
.sort-control{display:flex;align-items:center;gap:8px;min-width:0px;margin:0px;font-size:11px;color:rgb(99,116,85);}
.sort-control > select{max-width:220px;min-height:40px;}
.sort-control > span{white-space:nowrap;}
.rating-notice{margin:0 0 18px;color:var(--muted);font-size:14px;line-height:1.6;}
.detail-ratings{display:flex;flex-wrap:wrap;align-items:flex-start;gap:12px 24px;}
.rating-evidence{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.6;}
.rating-summary{flex:1 1 220px;min-width:0;}
.rating-summary > strong{font-size:15px;}
.rating-values{display:flex;gap:24px;margin:10px 0 0;}
.rating-values dt{font-size:13px;color:var(--muted);}
.rating-values dd{font-size:20px;font-weight:650;margin:3px 0 0;}
.rating-source{flex-basis:100%;}
.catalog-filter{display:flex;align-items:center;gap:8px;min-height:44px;font-size:14px;cursor:pointer;white-space:nowrap;}
.catalog-filter input{width:18px;height:18px;accent-color:var(--green);}
.card-ratings .elo-badge{flex-wrap:wrap;max-width:100%;}
.collection-toolbar{gap:16px;flex-wrap:wrap;}
.view-controls{gap:12px;flex-wrap:wrap;}
.swipe-guide{display:flex;justify-content:space-between;gap:14px;max-width:850px;padding:0px 6px;font-size:13px;color:rgb(101,118,88);font-weight:550;}
.swipe-guide > span:last-child{color:rgb(54,91,58);text-align:right;}
.swipe-indicator{position:absolute;z-index:2;top:18px;max-width:80%;padding:10px 14px;font-size:16px;font-weight:650;border:2px solid;border-radius:8px;opacity:0;pointer-events:none;background:rgba(255,255,255,0.95);}
.swipe-done{left:18px;color:rgb(52,101,58);transform:rotate(-8deg);}
.swipe-not-interested{right:18px;color:rgb(150,82,64);transform:rotate(8deg);}
.swipe-right .swipe-done,.swipe-left .swipe-not-interested{opacity:var(--swipe-progress,0);}
.simple-comparison{display:grid;grid-template-columns:minmax(0px,1fr) 60px minmax(0px,1fr);gap:18px;max-width:850px;margin:20px auto 0px;align-items:center;}

.simple-choice{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0px;width:100%;background:rgb(255,255,255);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:left;transition:border-color 0.15s,box-shadow 0.15s,transform 0.15s;}
.simple-item{min-width:0;display:flex;flex-direction:column;gap:10px;}
.comparison-memory{min-height:44px;padding:8px;font-size:14px;line-height:1.35;color:var(--muted);text-decoration:underline;text-underline-offset:3px;}
.comparison-memory:disabled{opacity:.55;cursor:default;}
.memory-entry-field[hidden]{display:none;}
.memory-entry-field small{display:block;margin-top:4px;line-height:1.4;color:var(--muted);}
.simple-choice:hover{border-color:rgb(133,157,113);box-shadow:rgba(49,75,44,0.07) 0px 5px 18px;transform:translateY(-2px);}
.simple-choice:focus-visible,.simple-tie:focus-visible,.simple-incomparable:focus-visible{outline:rgb(98,132,78) solid 3px;outline-offset:4px;}
.simple-art{height:265px;border-radius:8px;min-width:0px;}
.simple-art.music{height:auto;aspect-ratio:1 / 1;}
.simple-choice .card-kind{padding:0px;justify-content:flex-start;font-size:11px;min-height:20px;}
.simple-choice > strong{font-size:21px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;min-height:54px;}
.simple-subtitle{font-size:12px;color:rgb(110,123,100);line-height:1.45;min-height:35px;overflow-wrap:anywhere;}
.simple-tie{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:92px;border:1px solid rgb(207,220,195);border-radius:10px;background:rgb(236,242,230);font-size:13px;color:rgb(71,96,59);}
.simple-tie:hover,.simple-incomparable:hover{background:rgb(224,235,213);border-color:rgb(129,155,107);}
.comparison-tools{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:3px;}

.simple-incomparable{min-height:44px;border:1px solid rgb(214,224,205);border-radius:8px;padding:10px 14px;font-size:12px;color:rgb(102,117,88);background:rgb(247,249,244);}
.comparison-saving{grid-column:1 / -1;margin:0px;font-size:12px;color:rgb(110,123,100);text-align:center;}

/* Logging is a full-screen feed. Only the current item and its actions remain. */
.logging-active,.logging-active body{height:100%;overflow:hidden;background:#151a17;}
.logging-active #app{height:100%;}
.logging-main{max-width:none;margin:0;padding:0;height:100dvh;color:#f4f5f1;}
.quicklog-shell{height:100%;max-width:680px;margin:auto;display:grid;grid-template-rows:64px 48px minmax(0,1fr) 70px 90px;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);}
.logging-toolbar{display:flex;align-items:center;gap:12px;padding:8px 20px;}
.logging-toolbar button{display:flex;align-items:center;gap:7px;min-height:44px;color:#f4f5f1;font-size:15px;}
.logging-back .icon{transform:rotate(180deg);width:17px;}
.logging-count{flex:1;text-align:center;font-size:13px;color:#bec7bf;}
.logging-details-toggle{opacity:.75;}
.logging-details-toggle[aria-expanded="true"]{opacity:1;}
.logging-details-toggle .icon{width:19px;}
.logging-main .quicklog-stage{max-width:none;padding:8px 24px;margin:0;overflow:hidden;min-height:0;}
.logging-main .quicklog-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:22px;width:100%;height:100%;max-width:none;padding:12px 0;border:0;border-radius:0;background:#151a17;touch-action:none;overflow:auto;scrollbar-width:thin;transition:transform .2s ease-out;}
.logging-main .quicklog-card.swiping{transition:none;user-select:none;will-change:transform;}
.logging-main .quicklog-art,.logging-main .quicklog-art.music{position:relative;inset:auto;width:152px;height:206px;min-height:0;flex-shrink:0;padding:0;background:#202a23;border-radius:10px;box-shadow:none;touch-action:none;}
.logging-main .quicklog-art img{width:100%;height:100%;object-fit:contain;object-position:center;box-shadow:none;-webkit-user-drag:none;user-select:none;}
.logging-main .quicklog-art .art-fallback{background:linear-gradient(145deg,#334238,#202a23);color:#d5ded4;padding:20px;}
.logging-main .quicklog-art .art-fallback strong,.logging-main .quicklog-art .art-fallback small{display:none;}
.logging-main .quicklog-art .art-fallback .icon{width:45px;height:45px;opacity:.6;}
.logging-main .quicklog-content{position:static;width:100%;padding:0 2px;background:none;}
.logging-main .quicklog-content > .eyebrow,.logging-main .quicklog-content > h2,.logging-main .quicklog-content > .logging-creator{touch-action:none;}
.logging-main .quicklog-content .eyebrow{display:block;font-size:14px;letter-spacing:.4px;color:#d1d9d1;}
.logging-main .quicklog-content h2{font:650 clamp(32px,8.6vw,40px)/1.15 var(--sans);margin:10px 0;color:#fff;text-wrap:balance;overflow-wrap:anywhere;}
.logging-main .quicklog-content .logging-creator{font-size:17px;line-height:1.45;margin:0;color:#d1d9d1;overflow-wrap:anywhere;}
.logging-main .logging-dnf{min-height:44px;margin:12px 0 0;color:#d1d9d1;touch-action:manipulation;}
.logging-main .quicklog-details{pointer-events:auto;touch-action:pan-y;max-height:none;overflow:visible;margin-top:20px;padding:16px 0 6px;border-top:1px solid #526055;}
.logging-main .quicklog-card.details-open{justify-content:flex-start;gap:18px;touch-action:pan-y;}
.logging-main .details-open .quicklog-art,.logging-main .details-open .quicklog-art.music{width:112px;height:152px;}
.quicklog-details > p{font-size:14px;line-height:1.6;color:#becabe;margin-top:14px;}
.logging-main .swipe-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;padding:9px 12px 14px;gap:8px;}
.logging-main .swipe-guide button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:50px;color:#bdc9bd;font-size:13px;line-height:1.3;padding:0 3px;}
.logging-main .swipe-guide button > span:first-child{font-size:24px;line-height:1;}
.logging-main .swipe-guide button[data-value="experienced"]{color:#d0e3d2;}
.logging-main .swipe-indicator{top:30%;font-size:19px;background:#edf4e9;}
.logging-main .swipe-want{left:50%;color:#556549;transform:translateX(-50%) rotate(-3deg);white-space:nowrap;}
.logging-main .swipe-up .swipe-want{opacity:var(--swipe-progress,0);}
.logging-main .swipe-not-done{left:50%;color:#596776;transform:translateX(-50%) rotate(3deg);}
.logging-main .swipe-down .swipe-not-done{opacity:var(--swipe-progress,0);}
.logging-feedback{display:flex;align-items:center;gap:12px;min-width:0;margin:5px 20px;padding:9px 12px;border-radius:10px;background:#263329;border:1px solid #4a6550;font-size:14px;}
.logging-feedback:empty{visibility:hidden;}
.logging-feedback-copy{flex:1;min-width:0;line-height:1.4;}
.logging-feedback-copy span,.logging-feedback-copy strong{display:block;}
.logging-feedback-copy span{color:#cce2cf;font-size:13px;}
.logging-feedback-copy strong{font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.logging-feedback button{flex-shrink:0;min-height:44px;padding:8px 14px;font-size:15px;font-weight:600;border:1px solid #78947c;border-radius:7px;color:#f4f5f1;background:#334a38;}
.logging-feedback[data-status="want"]{background:#353125;border-color:#766740;}
.logging-feedback[data-status="want"] .logging-feedback-copy span{color:#ead5a2;}
.logging-feedback[data-status="not_done"],.logging-feedback[data-status="not_interested"]{background:#252c32;border-color:#566572;}
.logging-feedback[data-status="not_done"] .logging-feedback-copy span,.logging-feedback[data-status="not_interested"] .logging-feedback-copy span{color:#c9d7e1;}
.logging-enter{animation:logging-enter .21s ease-out both;}
.logging-exit-left{animation:logging-exit-left .19s ease-in forwards;}
.logging-exit-right{animation:logging-exit-right .19s ease-in forwards;}
.logging-exit-up{animation:logging-exit-up .19s ease-in forwards;}
.logging-exit-down{animation:logging-exit-down .19s ease-in forwards;}
@keyframes logging-enter{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}
@keyframes logging-exit-left{to{opacity:0;transform:translateX(-120%) rotate(-7deg);}}
@keyframes logging-exit-right{to{opacity:0;transform:translateX(120%) rotate(7deg);}}
@keyframes logging-exit-up{to{opacity:0;transform:translateY(-110%);}}
@keyframes logging-exit-down{to{opacity:0;transform:translateY(110%);}}
.logging-main .logging-empty{grid-row:3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:25px;text-align:center;}
.logging-empty h2{font-size:24px;}
.logging-empty p{font-size:14px;color:#bdc9bd;max-width:330px;}
.logging-empty button{margin-top:12px;padding:12px 20px;border:1px solid #718572;border-radius:6px;}
.account-modal label:not(.checkbox-field){display:block;margin:16px 0;font-size:13px;}
.account-modal label:not(.checkbox-field) input{display:block;width:100%;margin-top:6px;padding:10px;border:1px solid var(--line);border-radius:5px;}
@media (max-width:580px){.quicklog-shell{grid-template-rows:57px 46px minmax(0,1fr) 70px 83px;}.logging-toolbar{padding:5px 16px;}.logging-main .quicklog-stage{padding:6px 22px;}.logging-main .quicklog-art,.logging-main .quicklog-art.music{width:132px;height:180px;}.logging-feedback{margin:5px 16px;}.account-modal input{font-size:16px;}}
@media (max-height:650px){.logging-main .quicklog-card{gap:15px;justify-content:flex-start;}.logging-main .quicklog-art,.logging-main .quicklog-art.music{width:94px;height:128px;}.logging-main .quicklog-content h2{font-size:30px;}.logging-main .details-open .quicklog-art,.logging-main .details-open .quicklog-art.music{width:76px;height:104px;}}
@media (prefers-reduced-motion:reduce){.logging-main .quicklog-card{transition:none;}.logging-enter,.logging-exit-left,.logging-exit-right,.logging-exit-up,.logging-exit-down{animation:none;}}
.simple-comparison button:disabled{opacity:0.55;cursor:default;transform:none;}
.public-profile .rank-row{grid-template-columns:auto minmax(0px,1fr) auto auto;}
body{padding-top:env(safe-area-inset-top,0px);}
.sidebar-bottom{padding-bottom:env(safe-area-inset-bottom,0px);}
@media (max-width:580px){.collection-toolbar{align-items:flex-start;gap:12px;}.collection-toolbar .view-controls{width:100%;justify-content:flex-start;gap:10px;}.sort-control{flex:1 1 auto;flex-direction:column;align-items:flex-start;gap:5px;font-size:11px;}.sort-control select{max-width:100%;width:100%;font-size:12px;min-height:42px;padding:10px;}.sort-control:first-child{flex-basis:56%;}.view-controls > .view-divider{display:none;}.view-controls > button{min-height:42px;}.simple-comparison{grid-template-columns:minmax(0px,1fr) 42px minmax(0px,1fr);gap:8px;margin-top:16px;}.simple-choice{padding:9px;gap:7px;border-radius:10px;}.simple-art{height:180px;border-radius:6px;}.simple-choice > strong{font-size:15px;min-height:58px;}.simple-choice .card-kind{font-size:9px;line-height:1.3;min-height:23px;}.simple-subtitle{font-size:10px;min-height:30px;}.simple-tie{min-height:80px;gap:6px;font-size:11px;}.simple-tie .icon{width:17px;height:17px;}.comparison-tools{gap:8px;margin-top:7px;}.simple-incomparable{font-size:11px;padding:10px 12px;}.swipe-guide{font-size:12px;}.swipe-indicator{font-size:14px;padding:8px 11px;}.sidebar{padding-bottom:env(safe-area-inset-bottom,0px);}.workspace{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));}}

/* Keep controls readable and comfortable to tap at every viewport size. */
body{font-size:15px;}
.button,.button-small,.heading-actions .button,.account-tools > .button,.profile-actions .button,
.category-tab,.category-tab:last-child > span::after,.shelf-filters > button,
.comparison-modes > button,.social-modes > button,.sort-control,.sort-control select,
.text-button,.modal-form-footer .text-button,.profile-actions .text-button,
.simple-incomparable,.simple-tie,.history-actions .button,
.history-actions > .text-button,.history-edit-heading > button,.history-decision > button,
.preference-incomparable,.axis-reset{font-size:14px;min-height:44px;}
.button,.heading-actions .button{padding:10px 15px;}
.shelf-filters{gap:8px 12px;}
.shelf-filters > button{font-size:15px;padding:8px 6px;}
.category-tab:last-child > span::after{min-height:0;}
.search-form > input,.form-row input,.form-row select,.auth-modal input,.import-modal input,
.account-modal input,.bulk-import-modal input,.bulk-import-modal select{font-size:16px;min-height:44px;}
.search-submit,.search-actions,.search-actions .text-button,.search-context,.search-context button,
.form-row > label,.auth-modal label,.import-modal label,.checkbox-field,.field-help,
.detail-top p,.detail-top a,.detail-compare,.detail-delete,.item-description,
.diary-summary span,.empty-state p,.history-pair > p,.history-decision,.axis-status,
.comparison-save > span,.activity-summary,.activity-item{font-size:14px;}
.search-submit,.search-context button,.sync-status button{min-height:44px;}
.sync-status{font-size:13px;}
.collection-toolbar h2{font-size:16px;}
.collection-toolbar > div > span,.card-subtitle,.simple-subtitle{font-size:13px;}
.card-kind,.simple-choice .card-kind,.elo-badge,.card-bottom > span,.absolute-stars{font-size:12px;line-height:1.4;}
.item-card h3,.simple-choice > strong{font-size:17px;}
.elo-badge strong{font-size:14px;}
.preference-option{min-height:44px;}
.preference-option span,.axis-row legend{font-size:14px;}
.nav-link{font-size:14px;}
.profile-button strong{font-size:14px;}
.profile-button small{font-size:12px;}
.view-controls button{min-width:44px;min-height:44px;}
.add-button{width:36px;height:36px;}
.add-button .icon{width:18px;height:18px;}
@media (max-width:580px){.nav-link{font-size:12px;}.nav-link > span{display:block;}.nav-link > .nav-count{display:none;}.category-tab{font-size:14px;}.sort-control{font-size:14px;}.sort-control select{font-size:14px;}.simple-choice > strong{font-size:17px;}.list-layout .card-bottom{width:36px;right:8px;}.list-layout .card-open{width:calc(100% - 45px);}.modal-form-footer .button{font-size:14px;min-height:44px;}.simple-comparison{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);}.simple-tie{font-size:13px;}}

/* Active comparisons keep navigation and history outside the choice screen. */
.comparison-active,.comparison-active body{height:100%;overflow:hidden;background:#151a17;}
.comparison-active #app{height:100%;}
.comparison-active .toast,.logging-active .toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom,0px));font-size:14px;}
.comparison-active .toast:not(.visible),.logging-active .toast:not(.visible){transition:none;}
.comparison-main{max-width:none;margin:0;padding:0;height:100dvh;color:#f4f5f1;}
.comparison-main:has(.comparison-decisions){padding:0;}
.comparison-session{height:100%;max-width:800px;margin:auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) 20px env(safe-area-inset-bottom,0px);}
.comparison-session-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;flex-shrink:0;}
.comparison-session-toolbar button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:15px;color:#f4f5f1;}
.comparison-session-toolbar [data-action="comparison-back"] .icon{transform:rotate(180deg);width:17px;}
.comparison-main .simple-comparison{flex:1;min-height:0;width:100%;max-width:none;margin:0;padding:12px 0 20px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:16px;align-items:center;overflow:auto;}
.comparison-main .simple-choice{height:100%;max-height:510px;min-height:0;justify-content:center;align-items:center;gap:12px;padding:20px 12px;border:1px solid #45564a;border-radius:16px;background:#202b24;color:#f4f5f1;text-align:center;overflow:auto;box-shadow:none;}
.comparison-main .simple-item{height:100%;max-height:570px;min-height:0;}
.comparison-main .simple-item .simple-choice{flex:1;}
.comparison-main .comparison-memory{flex-shrink:0;color:#c4d2c6;}
.comparison-main .simple-choice:hover{background:#29392e;border-color:#718b75;transform:none;}
.comparison-main .simple-art,.comparison-main .simple-art.music{width:152px;max-width:100%;height:206px;min-height:0;flex-shrink:0;aspect-ratio:auto;padding:0;background:#2a382f;border-radius:9px;}
.comparison-main .simple-art img{width:100%;height:100%;object-fit:contain;box-shadow:none;}
.comparison-main .simple-art .art-fallback{padding:15px;background:linear-gradient(145deg,#384f3f,#2a382f);color:#d5ded4;}
.comparison-main .simple-art .art-fallback strong,.comparison-main .simple-art .art-fallback small{display:none;}
.comparison-main .simple-art .art-fallback .icon{width:40px;height:40px;opacity:.6;}
.comparison-main .simple-choice > strong{width:100%;min-height:0;font-size:26px;line-height:1.2;font-weight:650;text-wrap:balance;}
.comparison-main .simple-choice .card-kind{justify-content:center;min-height:0;font-size:13px;color:#c4d2c6;text-transform:none;letter-spacing:0;}
.comparison-main .simple-subtitle{min-height:0;font-size:15px;line-height:1.4;color:#c4d2c6;}
.comparison-main .simple-tie{min-height:70px;border-color:#566f5d;background:#2d4133;color:#e0eee2;}
.comparison-main .comparison-tools{justify-content:center;min-height:62px;margin:0;}
.comparison-main .simple-incomparable{min-width:150px;min-height:48px;border-color:#566572;background:#252c32;color:#d4e0e9;font-size:15px;}
.comparison-main .simple-incomparable:hover{background:#34414b;border-color:#8093a1;}
.comparison-main .comparison-saving{color:#c4d2c6;}
.comparison-session-details{flex:1;min-height:0;overflow:auto;padding:12px 0 24px;scrollbar-width:thin;}
.comparison-session-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;}
.comparison-session-pair strong{font-size:18px;line-height:1.35;overflow-wrap:anywhere;}
.comparison-main .comparison-decisions{margin:0;}
.comparison-main .comparison-instructions{display:none;}
.comparison-main .axis-row{background:#202b24;border-color:#45564a;}
.comparison-main .axis-row legend,.comparison-main .axis-status{color:#d5e0d6;}
.comparison-main .axis-dirty .axis-status > span{color:#c4eccf;}
.comparison-main .preference-track{background:#151e18;border-color:#45564a;}
.comparison-main .preference-option{color:#c4d2c6;}
.comparison-main .preference-option.selected{background:#4a6c52;color:#fff;}
.comparison-main .preference-incomparable{border-color:#566572;color:#d4e0e9;}
.comparison-main .preference-incomparable.selected{background:#34414b;}
.comparison-main .axis-reset{color:#c4d2c6;}
.comparison-main .comparison-save > span{color:#c4d2c6;}
.comparison-main .empty-state{margin:auto 0;background:none;border:0;color:#f4f5f1;}
.comparison-main .empty-state p{color:#c4d2c6;}
.comparison-main .empty-state > div{background:#2a382f;color:#d5ded4;}
.logging-filters{margin:0 0 22px;border:1px solid var(--line);border-radius:9px;padding:12px 15px;}
.logging-filters summary{cursor:pointer;min-height:30px;font-size:15px;line-height:30px;}
.logging-filters summary span{color:var(--muted);margin-left:8px;font-size:14px;}
.logging-filter-controls{display:flex;align-items:center;gap:12px;margin-top:12px;}
.logging-filter-controls input{flex:1;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:16px;background:var(--bg);}
.logging-filter-controls button{min-height:44px;font-size:14px;white-space:nowrap;}
.logging-genre-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.logging-genre-chip{display:flex;align-items:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid var(--line);border-radius:7px;font-size:14px;cursor:pointer;}
.logging-genre-chip:has(input:checked){border-color:var(--green);background:#edf3ee;}
.logging-genre-chip input{width:17px;height:17px;accent-color:var(--green);}
.logging-genre-more{min-height:44px;margin-top:8px;font-size:14px;}
.places-zip-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:0 0 12px;}
.places-zip-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;}
.places-zip-form input{width:150px;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:16px;}
.places-zip-form .button{min-height:44px;}
.places-load-status{font-size:14px;line-height:1.5;margin-bottom:18px;}
.places-load-status a{color:var(--green);text-decoration:underline;}
@media (max-width:580px){.comparison-session{padding-left:16px;padding-right:16px;}.comparison-session-toolbar{min-height:57px;}.comparison-main .simple-comparison{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:10px;padding-top:6px;}.comparison-main .simple-choice{max-height:450px;gap:10px;padding:18px 8px;}.comparison-main .simple-art,.comparison-main .simple-art.music{width:105px;height:144px;}.comparison-main .simple-choice > strong{font-size:22px;}.comparison-main .simple-choice .card-kind{font-size:12px;}.comparison-main .simple-subtitle{font-size:14px;}.comparison-main .simple-tie{font-size:13px;}.comparison-session-pair strong{font-size:16px;}}
@media (max-height:650px){.comparison-main .simple-choice{padding-top:14px;padding-bottom:14px;gap:8px;}.comparison-main .simple-art,.comparison-main .simple-art.music{width:80px;height:110px;}.comparison-main .simple-choice > strong{font-size:21px;}.comparison-main .simple-comparison{padding-bottom:10px;}}

/* Topic selection and optional suggestion filters stay outside swipe gestures. */
.search-actions{gap:20px;flex-wrap:wrap;}
.logging-item-overview{display:flex;align-items:center;justify-content:center;gap:26px;flex-shrink:0;}
.logging-overall{display:flex;flex-direction:column;gap:5px;min-width:95px;text-align:left;color:#d1d9d1;}
.logging-overall>span{font-size:15px;}
.logging-overall>strong{font-size:32px;font-weight:600;color:#f4f5f1;}
.logging-overall>small{font-size:13px;}
.logging-main .logging-filters{position:relative;z-index:5;align-self:start;width:calc(100% - 40px);margin:0 20px;padding:0;border:0;border-radius:0;color:#d1d9d1;}
.logging-main .logging-filters>summary{display:flex;align-items:center;gap:7px;min-height:44px;width:max-content;max-width:100%;font-size:15px;list-style:none;cursor:pointer;}
.logging-main .logging-filters>summary:before{content:'⌄';font-size:20px;}
.logging-main .logging-filters[open]>summary:before{content:'⌃';}
.logging-main .logging-filter-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:#aebdaf;}
.logging-filter-panel{position:absolute;top:44px;left:0;right:0;max-height:calc(100dvh - 220px);overflow:auto;overscroll-behavior:contain;padding:18px;background:#202a23;color:#e4ece4;border:1px solid #516256;border-radius:10px;box-shadow:0 12px 32px #0006;}
.logging-filter-panel label{font-size:14px;}
.logging-order-label{display:flex;flex-direction:column;gap:8px;}
.logging-order-label select{width:100%;min-height:44px;font-size:16px;padding:9px 11px;border:1px solid #516256;border-radius:6px;background:#151a17;color:#f4f5f1;}
.logging-filter-panel .logging-filter-controls{align-items:flex-end;}
.logging-filter-panel .logging-filter-controls>label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0;}
.logging-filter-panel .logging-filter-controls input{width:100%;background:#151a17;color:#f4f5f1;border-color:#516256;}
.logging-filter-panel .logging-genre-chip{background:#2a362d;color:#e4ece4;border-color:#516256;}
.logging-filter-panel .logging-genre-chip small{color:#c1cec2;}
.logging-filter-panel .logging-genre-chip:has(input:checked){background:#425447;color:#fff;border-color:#b2c7b4;}
.logging-filter-note{font-size:14px;line-height:1.5;color:#c1cec2;margin:12px 0;}
.logging-filter-panel .logging-order-label+.logging-order-label{margin-top:14px;}
.logging-filter-panel #logging-area-form{display:flex;align-items:flex-end;gap:12px;margin-top:14px;}
.logging-filter-panel #logging-area-form label{display:flex;flex:1;min-width:0;flex-direction:column;gap:8px;}
.logging-filter-panel #logging-area{width:100%;min-height:44px;padding:9px 11px;border:1px solid #516256;border-radius:6px;background:#151a17;color:#f4f5f1;font-size:16px;}
.logging-filter-panel #logging-area-form button,.logging-filter-reset{min-height:44px;font-size:14px;white-space:nowrap;}
.logging-filter-reset{margin-top:16px;}
.logging-hidden-genres{border-left:3px solid #d6b4a0;padding-left:10px;}
.logging-filter-panel .logging-exclude-chip:has(input:checked){background:#5c4338;border-color:#d6b4a0;}
.item-facts{margin:15px 0 0;display:grid;gap:12px;font-size:15px;line-height:1.55;}
.item-facts>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:12px;}
.item-facts dt{color:var(--muted);font-weight:500;}
.item-facts dd{margin:0;overflow-wrap:anywhere;}
.item-synopsis,.item-information-empty{font-size:15px;line-height:1.65;}
.logging-main .item-facts dt{color:#b6c6b9;}
.logging-main .item-facts dd,.logging-main .item-synopsis{color:#e1e8df;}
.logging-main .item-information-empty,.logging-main .item-details-loading{color:#b6c6b9;font-size:14px;line-height:1.5;}
.item-information{margin:20px 0;}
.external-site-ratings{margin:22px 0 0;}
.external-site-ratings h3{margin:0 0 10px;font-size:16px;font-weight:600;}
.external-site-rating-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;}
.external-site-rating{display:flex;flex-direction:column;gap:6px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px;text-decoration:none;color:inherit;}
a.external-site-rating:hover{border-color:var(--green);}
.external-site-rating-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:15px;line-height:1.4;}
.external-site-rating-heading strong{font-size:17px;white-space:nowrap;}
.external-site-rating small{font-size:13px;line-height:1.45;color:var(--muted);}
.logging-main .external-site-rating-list{grid-template-columns:1fr;text-align:left;}
.logging-main .external-site-ratings h3{text-align:left;color:#e1e8df;}
.logging-main .external-site-rating{border-color:#516256;color:#e1e8df;}
.logging-main a.external-site-rating:hover{border-color:#b2c7b4;}
.logging-main .external-site-rating small{color:#b6c6b9;}
.item-details-load{display:block;min-height:44px;margin-top:14px;font-size:15px;}
.item-details-load:disabled{opacity:.6;cursor:default;}
@media(max-width:580px){.logging-item-overview{gap:22px;}.logging-overall>strong{font-size:29px;}.logging-main .logging-filters{width:calc(100% - 32px);margin:0 16px;}.item-facts>div{grid-template-columns:72px minmax(0,1fr);gap:10px;}}
@media(max-height:650px){.logging-item-overview{gap:20px;}.logging-overall>strong{font-size:26px;}}

.logging-load-details{min-height:44px;margin-top:16px;padding:10px 14px;border:1px solid #78947c;border-radius:7px;color:#f4f5f1;font-size:15px;}
.logging-load-details:disabled{opacity:.6;cursor:default;}
.feedback-list{display:grid;gap:14px;margin:20px 0;}
.feedback-card{padding:18px;border:1px solid var(--line);border-radius:9px;background:var(--paper,#fff);}
.feedback-card>header{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;font-size:15px;}
.feedback-card>header>span,.feedback-card time{color:var(--muted);font-size:14px;}
.feedback-card time{margin-left:auto;}
.feedback-card p{margin:12px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;}
.feedback-card.is-completed{border-color:#9bbba1;background:#edf7ef;}
.feedback-status{font-size:13px;font-weight:650;}
.feedback-card.is-completed .feedback-status{color:#27643a;}
.feedback-reply{margin-top:14px;padding:12px 0 0;border-top:1px solid var(--line);font-size:14px;}
.feedback-reply>p{margin-top:6px;}
.feedback-actions{display:flex;align-items:flex-start;gap:12px;margin-top:16px;}
.feedback-edit{flex:1;min-width:0;}
.feedback-edit>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;text-decoration:underline;}
.feedback-review-form{margin-top:8px;}
.feedback-review-form textarea{font-size:16px;}
.feedback-review-form>.button{margin-top:10px;}
.feedback-actions:has(.feedback-edit[open]){flex-wrap:wrap;}
.feedback-edit[open]{flex-basis:100%;}
.feedback-completed-modal>.feedback-card{margin-top:16px;}
.diary-content .category-tabs{padding-bottom:8px;}
.diary-content .shelf-filters{gap:8px;margin:8px 0;flex-wrap:nowrap;}
.diary-content .shelf-filters>button{padding:7px 8px;white-space:nowrap;font-size:14px;}
.diary-content .search-form{margin-top:8px;}
.collection-toolbar.diary-toolbar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:10px 0 12px;}
.diary-toolbar>.collection-title{display:flex;align-items:baseline;gap:7px;white-space:nowrap;}
.diary-toolbar>.collection-title>span{display:inline;margin:0;}
.diary-toolbar>.sort-control{display:flex;align-items:center;min-width:0;}
.diary-toolbar>.sort-control>span{display:none;}
.diary-toolbar>.sort-control>select{display:block;width:100%;max-width:none;min-height:44px;margin:0;padding:8px;font-size:14px;}
.diary-toolbar>.view-controls{width:auto;gap:2px;flex-wrap:nowrap;}
.diary-toolbar>.view-controls>button{min-width:40px;min-height:44px;}
.diary-rating-controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px;}
.diary-card .card-bottom{min-height:28px;padding-top:4px;}
.list-layout .diary-card .card-open{width:100%;}
.list-layout .diary-card .card-bottom{display:none;}
@media(max-width:580px){.topbar:has(.sync-status){padding-left:12px;padding-right:12px;}.main-nav>.nav-link{min-width:0;padding-left:2px;padding-right:2px;}.nav-link>span{max-width:100%;overflow:hidden;text-overflow:ellipsis;}.category-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding-bottom:8px;}.category-tab{font-size:13px;min-height:44px;padding:7px 2px;gap:0;}.category-tab>.icon{display:none;}.category-tab:last-child>span{font-size:inherit;}.category-tab:last-child>span::after{content:none;}.diary-toolbar h2{font-size:14px;}.diary-content .shelf-filters{justify-content:space-between;}.diary-content .shelf-filters>button{padding-left:4px;padding-right:4px;font-size:13px;}.diary-toolbar>.view-controls{justify-content:flex-end;}.feedback-card{padding:14px;}.feedback-card time{flex-basis:100%;margin:0;}.feedback-actions{gap:10px;}}
.bulk-import-modal [hidden]{display:none!important;}
.account-import-connect{margin:20px 0;}
.follower-notice{position:fixed;top:calc(14px + env(safe-area-inset-top,0px));right:14px;z-index:90;display:flex;align-items:center;gap:12px;max-width:min(460px,calc(100vw - 28px));padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);box-shadow:0 5px 24px #0002;font-size:14px;}
.follower-notice>span{min-width:0;overflow-wrap:anywhere;}
.follower-notice>.text-button{flex-shrink:0;min-height:44px;}
.social-modes{flex-wrap:wrap;}
.account-import-connect>.button{width:100%;}
.account-import-upgrade a{display:inline-block;margin-top:6px;}
.offline-status{display:flex;align-items:center;gap:12px;margin-bottom:18px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;font-size:15px;}
.offline-status[hidden]{display:none;}
.offline-status>span{flex:1;min-width:0;overflow-wrap:anywhere;}
.offline-status>button{min-height:44px;font:inherit;}
.offline-status[data-state="error"]{border-color:#bf8d70;}
.catalog-loading{padding:36px 0;color:var(--muted);font-size:16px;}
.catalog-filter-modal{width:min(620px,calc(100vw - 28px));}
.filter-page-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;}
.filter-page-header>.text-button{display:flex;align-items:center;gap:6px;min-height:44px;}
.filter-page-header>.text-button>.icon{transform:rotate(180deg);}
.advanced-filter-controls{display:grid;gap:18px;margin-bottom:26px;}
.advanced-filter-controls>.sort-control{display:flex;flex-direction:column;align-items:stretch;gap:7px;font-size:15px;}
.advanced-filter-controls select{width:100%;max-width:none;min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:6px;background:var(--bg);font-size:16px;}
.collection-toolbar.diary-toolbar{grid-template-columns:auto minmax(0,1fr);}
.diary-content .shelf-filters>button{min-height:44px;font-size:14px;}
.search-context{align-items:center;flex-wrap:wrap;gap:8px 18px;}
.search-context>.search-actions{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0;}
.search-context .text-button{min-height:44px;}
.list-layout .item-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 18px;}
.list-layout .card-open{width:100%;min-height:105px;height:auto;}
.list-layout .card-ratings{min-width:0;max-width:230px;padding:0;}
.list-layout .card-bottom{position:static;width:auto;grid-column:1/-1;min-height:30px;padding:0;margin-left:93px;justify-content:flex-start;gap:14px;}
.catalog-status-actions{display:flex;flex-wrap:wrap;gap:8px;}
.catalog-status-actions>button{min-height:40px;padding:7px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px;line-height:1.3;color:var(--ink);background:var(--bg);}
.catalog-status-actions>button:hover:not(:disabled){background:rgb(234,240,227);}
.catalog-status-actions>button:disabled{opacity:.6;}
/* Personal rankings use only the user's connected comparison evidence. */
.personal-rank{display:grid;gap:3px;max-width:100%;font-size:12px;line-height:1.4;color:rgb(99,116,85);}
.personal-rank strong{font-size:16px;font-weight:650;color:rgb(62,90,53);}
.personal-rank small{font-size:12px;overflow-wrap:anywhere;}
.personal-rank.unranked strong{font-size:14px;color:var(--muted);}
.users-heading{display:flex;align-items:center;gap:24px;}
.users-heading>h1{flex-shrink:0;}
.users-heading>.search-form{flex:1;min-width:0;max-width:560px;margin:0 0 0 auto;}
.feedback-modal #feedback-form{display:grid;gap:12px;}
.feedback-modal #feedback-form>label{margin:0;}
.feedback-modal .field-help{margin:0;}
.feedback-modal .modal-form-footer{margin-top:4px;}
@media(max-width:580px){.users-heading{gap:12px;}.users-heading>.search-form{padding-left:10px;gap:5px;}.users-heading>.search-form>.icon{display:none;}.users-heading .search-submit{padding-left:8px;padding-right:8px;}.users-heading>h1{font-size:26px;}}
/* Recorded shared ratings stay separate from editable diary fields. */
.rating-history{border-block:1px solid var(--line);margin:20px 0;padding:18px 0;}
.rating-history-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;}
.rating-history-heading h3{font-size:15px;margin:0;}
.rating-trend{font-size:12px;line-height:1.4;padding:4px 8px;border-radius:5px;background:var(--bg);}
.rating-trend-up{color:#276331;background:#e8f2e6;}
.rating-trend-down{color:#9a3434;background:#f8ebeb;}
.rating-history-modes{display:flex;gap:7px;margin:14px 0 8px;flex-wrap:wrap;}
.rating-history-modes button{font-size:12px;min-height:36px;padding:6px 10px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);}
.rating-history-modes button[aria-pressed="true"]{background:#e8eee3;border-color:#9bab8e;}
.rating-history-modes button:disabled{opacity:.5;}
.rating-history-current{font-size:22px;font-weight:600;margin:8px 0;}
.rating-history-current span{font-size:12px;font-weight:400;color:var(--muted);}
.rating-history-chart{display:block;width:100%;max-height:190px;overflow:visible;}
.rating-history-chart polyline{stroke:#576e44;stroke-width:2;fill:none;stroke-linejoin:round;}
.rating-history-chart .history-reconstructed{stroke-dasharray:5 4;}
.rating-history-chart .history-baseline{fill:var(--bg);stroke:#576e44;stroke-width:2;}
.rating-history-baseline{font-size:12px;line-height:1.5;margin:10px 0;color:var(--muted);}
.rating-history-baseline strong{color:var(--ink);font-weight:600;}
.rating-history-chart circle{fill:#576e44;}
.rating-history-chart .history-grid{stroke:var(--line);fill:none;stroke-width:.7;}
.rating-history-chart text{font-size:10px;fill:var(--muted);}
.rating-history-note,.rating-history-status{font-size:12px;color:var(--muted);line-height:1.5;margin:10px 0;}
.rating-history-table{font-size:12px;}
.rating-history-table summary{cursor:pointer;padding:9px 0;}
.rating-history-table>div{overflow-x:auto;}
.rating-history-table table{width:100%;border-collapse:collapse;text-align:left;}
.rating-history-table th,.rating-history-table td{padding:8px 5px;border-bottom:1px solid var(--line);}
.rating-history-table td small{display:block;color:var(--muted);}
.list-layout .card-bottom{flex-wrap:wrap;}
.list-layout .diary-note{grid-column:1/-1;max-width:none;margin:0 0 0 93px;padding:0;}
@media(max-width:580px){.list-layout .item-card{grid-template-columns:minmax(0,1fr);gap:7px;}.list-layout .card-open{min-height:90px;}.list-layout .card-ratings{margin-left:78px;max-width:none;display:flex;flex-wrap:wrap;}.list-layout .card-bottom{margin-left:78px;display:flex;}.list-layout .card-bottom>span{display:block;}.list-layout .diary-note{margin-left:78px;max-width:none;}.collection-toolbar>.button{flex-shrink:0;}}