:root{--ink:#242421;--muted:#64645f;--line:#c9c9c0;--strong:#363632;--paper:#f8f8f3;--panel:#eeeee7;--field:#fffef8;--desktop:#bdbdb7;--selection:#30302d}
body{background-color:var(--desktop);background-image:radial-gradient(#82827a .55px,transparent .65px)}
.os-bar,.window-caption,.dialog-bar>span{background-color:var(--paper)}
.desktop-app>.icon{filter:drop-shadow(2px 2px 0 #65655f)}
.archive-window{box-shadow:4px 4px 0 #575750}
.window-titlebar,.dialog-bar{background:repeating-linear-gradient(to bottom,var(--paper) 0 3px,#9a9a8f 3px 4px,var(--paper) 4px 6px)}
.sidebar{border-right-color:#c8c8bf}
.sidebar-label{color:#6b6b63;font-size:11px}
.side-row{font-size:12px}
.side-row small{color:#696961;font-size:11px}
.side-row.selected small{color:#e1e1d9}
.side-row.selected{background:var(--selection);color:var(--paper)}
.sidebar-bottom b{color:#55554f}
.sidebar-bottom div>span{color:#6b6b64;font-size:9px}
.side-row:hover:not(.selected){background:#e2e2d9;border-color:#c4c4b8}
.breadcrumb,.breadcrumb b,.collection-summary,.heading-subtitle,.window-caption small{color:var(--muted)}
.progress-toggle{background:#edede5;border-color:#c5c5b9}
.progress-toggle>b{font-size:12px}
.progress-toggle>span:not(.toggle-chevron){color:#64645c;font-size:11px}
.progress-toggle>span i{color:#aaa99f}
.progress-toggle>small,.toggle-chevron{color:#616159}
.resume-item b{font-size:12px}
.resume-item small{font-size:10px;color:#66665f}
.resume-item:hover{background:#eeeee6}
.search-box{border-color:#aaaa9e;background:var(--field);box-shadow:inset 1px 1px #e4e4da}
.search-box input{font-size:12px}
.search-box input::placeholder,.compose-pane textarea::placeholder{color:#73736b;opacity:1}
.search-box>.icon{color:#6d6d64}
.sort-control select{border-color:#bebeb2;color:#494944;font-size:11px}
.view-switch{border-color:#9c9c90}
.view-switch button{border-left-color:#c5c5ba;font-size:11px}
.display-options>summary{border-color:#aaa99b}
.display-panel{box-shadow:3px 3px #57574e}
.display-panel>span,.display-panel p{color:#65655c}
.result-line{color:#67675e;font-size:11px}
.result-line>button{font-size:11px;color:#505049}
.file-grid{row-gap:25px}
.file-art{background:#ecece5;border-color:#bdbdb1;box-shadow:1px 1px #ddddd4}
.file-art:hover{background:#e4e4da;border-color:#727267}
.file-art>img{box-shadow:3px 4px #cfcfc3}
.file-index{color:#65655c}
.file-rating{color:#363630;background:#efefe9ec}
.file-rating small{color:#686860}
.file-rating.unrated{font:10px/1.5 var(--ui);color:#6b6b62;padding:1px 4px}
.file-topline{font-size:11px;color:#69695f;min-height:22px;margin-bottom:3px}
.file-state-tools{display:inline-flex;align-items:center;gap:5px}
.item-state,.item-state.is-wish,.item-state.is-ongoing{font-size:10px;color:#585850}
.item-state i{background:#45453c}
.file-info h2{font-size:15px;line-height:1.6;letter-spacing:-.02em}
.file-creator{font-size:12px;color:#66665e;line-height:1.6}
.platform-line{font-size:10px;color:#69695f}
.file-state-tools .note-indicator{display:grid;place-items:center;width:22px;height:22px;min-height:22px;margin:0;color:#68685e}
.file-state-tools .note-indicator>.icon{width:12px;height:12px}
.file-state-tools .note-indicator:hover{background:#deded3;color:#242421}
.progress-track{border-color:#a9a999;background:var(--field)}
.progress-track>i{background:repeating-linear-gradient(90deg,#58584d 0 2px,#f5f5ea 2px 3px)}
.file-progress>span:last-child{color:#616157}
.statusbar{background:#efefe7;border-color:#bdbdad;color:#646459;min-height:29px}
.statusbar,.status-mode,.status-center{font-size:10px;color:#67675d}
.status-mode>i{background:#6d6d5f;box-shadow:0 0 0 1px #b9b9a6}
.file-table th{background:#ecece3;color:#616156;font-size:11px}
.file-table td{border-bottom-color:#d5d5c8;color:#5d5d52}
.file-table tbody tr:hover{background:#efefe4}
.table-title b{font-size:14px}
.table-title small{color:#68685e;font-size:11px}
.file-table .table-rating{color:#3d3d33}
.review-meta,.review-meta span:last-child,.review-author{color:#69695e}
.review-excerpt{color:#46463d;font-size:14px;line-height:2}
.review-title>span{color:#59594e}
.read-link{font-size:11px;border-color:#bfbfad;color:#505047}
.read-link:hover{color:#25251e;border-color:#55554a}
.moment-date>span,.moment-date>b,.moment-location,.moment-main figcaption{color:#646459}
.moment-body{color:#48483e}
.moment-main figure>button{border-color:#b2b2a1;box-shadow:2px 2px #d4d4c2}
.moment-main figure>button>span{background:#f6f6e9e0;color:#49493d;border-color:#989884}
.map-title>.pixel-label,.map-credit,.map-detail>span{color:#636357}
.map-canvas{border-color:#b3b39f;background:#e8e8dc}
.map-pin>i{background:#535341;box-shadow:0 0 0 1px #919177;border-color:#f8f8e9}
.map-pin>span{background:var(--field);color:#454538;border-color:#a2a28b;font-size:11px}
.map-pin.active>span{background:#414139;color:var(--paper);border-color:#414139}
.map-credit{background:#f8f8ecf0}
.map-detail p{color:#585849}
.clip-notice{color:#656557;background:#eeeee2;border-color:#c6c6b2}
.retention-label,.retention-label small{color:#656557}
.compose-pane form{border-color:#9d9d89;box-shadow:2px 2px #d8d8c6}
.compose-pane form>label>span,.composer-footer>span,.compose-pane>.quiet{color:#676757}
.compose-pane textarea{background:var(--field);color:#35352a;border-color:#c8c8b5;box-shadow:inset 1px 1px #e6e6d7}
.drop-area{background:#f0f0e6;border-color:#b7b7a1}
.drop-area>b,.drop-area>p,.drop-area>.icon{color:#6b6b58}
.drop-area.drag-over{background:#e3e3d5;outline-color:#777765}
.pane-heading{border-color:#c3c3af}
.pane-heading>span,.clip-item-label,.clip-item-label>small{color:#666655}
.clipboard-item{border-color:#d4d4bf}
.clip-text-body{color:#424236}
.clip-actions>button,.clip-actions>button:last-child,.attached-file,.attached-file div>span{color:#666654}
.system-dialog{box-shadow:5px 5px #3e3e34dd}
.system-dialog::backdrop{background:#27272277}
.detail-sidebar{background:var(--panel);border-color:#c5c5b3}
.detail-main{background:var(--paper)}
.detail-sidebar>.pixel-label,.detail-author,.detail-kicker,.detail-note h3,.detail-rating>small{color:#646457}
.detail-rating{color:#3b3b31}
.detail-note{border-color:#cfcfbd}
.detail-note p{color:#36362e;font-size:15px}
.detail-properties,.detail-progress>span,.detail-properties b,.detail-progress b{color:#626255;border-color:#d0d0bd}
.detail-footer{border-color:#c6c6b3}
.detail-footer>span,.detail-footer button{color:#616154}
.about-content>p:not(.pixel-label),.about-content>.pixel-label,.about-shortcuts{color:#5e5e50}
.about-content>.quiet{color:#67675a!important}
.about-mac{border-color:#555548;background:#e3e3d5;box-shadow:2px 2px #92927e}
.about-mac>span{border-color:#696955;color:#47473a}
.about-shortcuts{border-color:#cecebb}
.dialog-content>label,.image-dialog p{color:#656556}
.dialog-content>input,.dialog-content>textarea{border-color:#bdbda9;box-shadow:inset 1px 1px #e4e4d6}
.empty-state{background:#f2f2e8;border-color:#c3c3af}
.empty-state p,.empty-state>.icon{color:#6b6b59}
.toast{box-shadow:3px 3px #545445}
.window-control,.help-button{position:relative}
.window-control::after,.help-button::after,.dialog-bar>button::after{content:"";position:absolute;inset:-5px}
.file-card:focus-within .file-art{outline:1px solid #858577;outline-offset:3px}
@media(max-width:1200px){.side-row{font-size:12px}.sidebar-bottom div>span{font-size:8px}.file-info h2{font-size:14px}.file-creator{font-size:11px}.view-switch button span{font-size:10px}.review-excerpt{font-size:13px}}
@media(max-width:980px){.side-row{font-size:11px}.file-info h2{font-size:14px}.file-creator{font-size:11px}.file-topline{font-size:10px}.review-excerpt{font-size:13px}.table-title b{font-size:13px}.table-title small{font-size:10px}}
@media(max-width:700px){.side-row{font-size:11px}.result-line{font-size:10px}.sidebar-label{font-size:10px}.statusbar,.status-mode,.status-center{font-size:9px}}
@media(max-width:600px){
main{padding-top:14px}
.breadcrumb{display:none}
.content-heading{min-height:31px;margin-bottom:13px}
.heading-line{margin-top:0}
.heading-line h1{font-size:23px}
.progress-toggle{min-height:36px;gap:6px;padding:7px 9px}
.progress-toggle>b{font-size:11px}
.progress-toggle>span:not(.toggle-chevron){font-size:10px;max-width:61%}
.resume-item b{font-size:12px}.resume-item small{font-size:9px}
.category-tabs>button{min-height:34px;font-size:12px;padding:5px 8px;color:#64645a}
.category-tabs>button[aria-pressed="true"]{color:#303028;background:#e6e6db;border-color:#929281}
.mobile-group{width:98px}.mobile-group select{height:32px;font-size:11px;color:#626255;border-bottom-color:#bebead}
.browser-toolbar>.search-box{height:38px}.search-box input{height:36px;font-size:16px}.search-box input::placeholder{font-size:12px}
.browser-toolbar .sort-control,.browser-toolbar .sort-control select,.browser-toolbar .view-switch,.browser-toolbar .display-options>summary{height:35px}
.browser-toolbar .view-switch button{min-width:37px}
.sort-control select{font-size:11px}.display-panel button{min-height:42px}
.file-grid{row-gap:23px}.file-art{background:#ecece3}.file-art>img{box-shadow:2px 3px #ccccbc}
.file-info h2{font-size:14px}.file-creator{font-size:11px}.platform-line{font-size:10px}
.file-topline{font-size:10px;min-height:24px}.item-state,.item-state.is-wish,.item-state.is-ongoing{font-size:10px}
.file-state-tools{gap:4px}.file-state-tools .note-indicator{width:24px;height:24px;min-height:24px}
.result-line,.result-line>button{font-size:10px;min-height:33px}
.file-rating.unrated{font-size:10px}.file-progress>span:last-child{font-size:10px}
.file-table th{font-size:10px}.file-table .item-state{font-size:10px}.table-title b{font-size:12px}.table-title small{font-size:10px}
.review-excerpt{font-size:13px}.review-author{font-size:11px}.review-meta,.review-meta span:last-child{font-size:10px}
.read-link{font-size:11px;min-height:32px}
.travel-toolbar .search-box{height:38px}.travel-toolbar .view-switch,.travel-toolbar .sort-control,.travel-toolbar .sort-control select{height:35px}
.travel-toolbar .view-switch button{font-size:11px}.moment-location{font-size:10px}.moment-main figcaption{font-size:9px}
.moment-body{font-size:14px}.map-pin>span{font-size:10px}.map-credit{font-size:8px}
.compose-pane textarea{font-size:16px}.composer-footer .system-button{min-height:36px}.clip-actions>button{min-height:36px;font-size:11px}
.clip-notice{font-size:10px}.compose-pane>.quiet{font-size:10px}.drop-area>.system-button{min-height:36px}
.detail-note p{font-size:14px}.detail-author{font-size:12px}.detail-footer button{min-height:34px;font-size:11px}.detail-footer>span{font-size:9px}
.statusbar,.status-mode{font-size:9px}.statusbar{min-height:29px}
}
@media(max-width:370px){.category-tabs>button{font-size:11px;padding-left:7px;padding-right:7px}.mobile-group{width:89px}.mobile-group select{font-size:10px}.file-info h2{font-size:13px}.file-creator{font-size:11px}.file-topline,.item-state,.item-state.is-wish,.item-state.is-ongoing{font-size:9px}.file-state-tools{gap:2px}.file-state-tools .note-indicator{width:23px}.file-art{height:176px}.file-art>img{height:127px}.table-title b{font-size:11px}}

@media(max-width:600px){.compose-pane textarea{height:152px;min-height:142px}.drop-area{display:grid;grid-template-columns:25px minmax(0,1fr) auto;text-align:left;padding:14px 12px;gap:4px 10px;align-items:center}.drop-area>.icon{grid-column:1;grid-row:1/3;margin:0}.drop-area>b{grid-column:2;grid-row:1;font-size:10px}.drop-area>p{grid-column:2;grid-row:2;font-size:8px}.drop-area>.system-button{grid-column:3;grid-row:1/3;margin:0;min-height:33px;font-size:10px;padding:6px 9px}.clipboard-layout{gap:23px}}

.os-brand{padding-inline:8px;margin-inline:-8px}
.os-brand:hover{background:var(--panel)}
.os-brand[aria-current="page"]{background:var(--ink);color:var(--paper)}
body[data-page="home"] .window-layout{display:grid;grid-template-columns:minmax(0,1fr)}
body[data-page="home"] #content{display:grid;place-items:center;padding:32px 20px}
.home-tagline{margin:0;color:var(--muted);font:14px/2 var(--ui);letter-spacing:.08em;text-align:center;text-wrap:balance}