@charset "UTF-8";
:root{--ink:#252523;--muted:#6f6f6d;--line:#c8c8c6;--strong:#393937;--paper:#f9f9f7;--panel:#ededeb;--field:#fefefc;--desktop:#bbbbb9;--selection:#363634;--ui:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular","Courier New",monospace;--pixel:"VT323","Courier New",monospace;font-family:var(--ui);font-size:14px;color:var(--ink);background:var(--desktop);font-synthesis:none;color-scheme:light}

*{box-sizing:border-box}

body{margin:0;min-width:300px;min-height:100vh;background-color:var(--desktop);background-image:radial-gradient(#777775 0.55px,transparent 0.65px);background-size:3px 3px;line-height:1.65;-webkit-font-smoothing:antialiased}

button,input,select,textarea{font:inherit;color:inherit}
button{border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button:disabled{opacity:.4;cursor:default}
input,select,textarea{min-width:0}
a{color:inherit;text-decoration:none}
button,a,summary{touch-action:manipulation}
button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
button[hidden],[hidden]{display:none!important}
img{display:block;max-width:100%}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-weight:600}
.icon{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0}
kbd{font:10px/1.2 var(--mono);border:1px solid var(--line);background:var(--field);padding:2px 4px;min-width:17px;display:inline-block;text-align:center;box-shadow:0 1px 0 var(--line)}
.quiet{color:var(--muted);font-size:11px;line-height:1.9}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:6px;left:8px;background:var(--paper);border:2px solid var(--ink);padding:8px 14px;transform:translateY(-150%);z-index:100}
.skip:focus{transform:none}
.pixel-label{font:17px/1.3 var(--pixel);letter-spacing:.01em}
.system-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--field);border:1px solid var(--strong);min-height:34px;padding:6px 13px;font-size:12px;box-shadow:1px 1px 0 var(--strong);border-radius:2px}
.system-button:hover{background:var(--panel)}
.system-button:active{transform:translate(1px,1px);box-shadow:none}
.system-button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.system-button.primary:hover{background:#4c4c4a}
.system-button .icon{height:15px;width:15px}

/* The desktop belongs around the content, not above it. */
.os-bar{height:35px;background:var(--paper);border-bottom:1px solid var(--ink);display:flex;align-items:center;padding:0 22px;gap:25px;position:sticky;top:0;z-index:50;box-shadow:0 1px #fffffdb0}
.os-brand{display:flex;align-items:center;gap:7px;min-height:33px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:-.035em}
.os-brand .icon{width:17px;height:17px;stroke-width:1.7}
.os-bar nav{display:flex;align-items:center;gap:3px;height:100%}
.os-bar nav :is(a,button){padding:0 12px;font-size:12px;min-height:34px}
.os-bar nav :is(a,button)[aria-current="page"]{background:var(--ink);color:var(--paper)}
.os-bar nav :is(a,button):not([aria-current]):hover{background:var(--panel)}
.os-right{margin-left:auto;display:flex;align-items:center;gap:18px}
.version{font:15px/1 var(--pixel);letter-spacing:.01em}
.version b{font-weight:400;margin-left:5px;color:var(--muted)}
.help-button{border:1px solid var(--ink);font-family:var(--mono);font-weight:600;width:19px;height:19px;line-height:1;font-size:12px;box-shadow:1px 1px 0 var(--ink)}

.desktop{position:fixed;top:65px;bottom:25px;left:0;width:97px;display:flex;align-items:center;flex-direction:column;gap:28px;z-index:1}
.desktop-app{width:77px;display:flex;align-items:center;flex-direction:column;gap:8px}
.desktop-app>.icon{height:36px;width:36px;stroke-width:1.2;fill:var(--paper);filter:drop-shadow(2px 2px 0 #595957)}
.desktop-app>span{display:block;font-size:11px;background:#eeeeec;padding:0 5px;line-height:1.7;border:1px solid transparent}
.desktop-app[aria-current="page"]>span{background:var(--ink);color:var(--paper);outline:1px dotted var(--ink);outline-offset:2px}
.desktop-app:hover>span{border-color:var(--ink)}
.readme-app{margin-top:9px}
.desktop-note{margin-top:auto;text-align:center;font:12px/1.2 var(--pixel);letter-spacing:.05em;color:#4b4b49}
.desktop-workspace{padding:23px 26px 25px 101px}
.archive-window{max-width:1450px;margin:0 auto;background:var(--paper);border:2px solid var(--ink);box-shadow:4px 4px 0 #4a4a48;min-height:calc(100svh - 88px)}
.window-titlebar{height:33px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 9px;background:repeating-linear-gradient(to bottom,var(--paper) 0 3px,#999997 3px 4px,var(--paper) 4px 6px);border-bottom:1px solid var(--ink);position:sticky;top:35px;z-index:25}
.window-caption{display:flex;align-items:center;justify-content:center;gap:7px;line-height:29px;min-width:0;background:var(--paper);padding:0 17px;font-size:12px;letter-spacing:.01em}
.window-caption .icon{height:16px;width:16px}
.window-caption small{color:var(--muted);font:14px/1 var(--pixel);margin-left:4px}
.window-control{height:18px;width:18px;border:1px solid var(--ink);background:var(--paper);box-shadow:0 0 0 3px var(--paper);display:grid;place-items:center;flex:none}
.window-control:hover{background:var(--panel)}
.minimize-mark{display:block;width:10px;height:1px;background:var(--ink)}
.maximize-mark{display:block;height:10px;width:10px;border:1px solid var(--ink);border-top-width:3px}
.window-control[aria-pressed="true"] .maximize-mark{height:8px;width:8px;border-top-width:1px;box-shadow:2px -2px 0 var(--paper),3px -3px 0 var(--ink)}
.window-layout{display:grid;grid-template-columns:179px minmax(0,1fr);min-height:calc(100svh - 154px)}

.sidebar{background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 12px 17px;gap:0;min-width:0}
.sidebar-scroll{position:sticky;top:90px}
.sidebar-label{font-size:10px;letter-spacing:.045em;color:var(--muted);margin:0 0 10px 9px}
.side-section+.sidebar-label{margin-top:29px}
.side-section{display:flex;flex-direction:column;gap:3px}
.side-row{display:flex;align-items:center;gap:9px;min-height:34px;text-align:left;padding:6px 9px;font-size:12px;border:1px solid transparent;line-height:1.55}
.side-row .icon{width:16px;height:16px;stroke-width:1.45}
.side-row small{margin-left:auto;font:12px/1 var(--mono);color:#7f7f7d}
.side-row:hover{border-color:#c3c3c1;background:#f6f6f4}
.side-row.selected{background:var(--selection);color:var(--paper);border-color:var(--selection)}
.side-row.selected small{color:#c7c7c5}
.sidebar-bottom{margin-top:auto;padding:35px 7px 0;display:flex;align-items:center;gap:9px;color:var(--muted)}
.sidebar-disc{font-size:24px;line-height:1;color:#7a7a78}
.sidebar-bottom b{display:block;font:15px/1.4 var(--pixel);font-weight:400;color:#50504e}
.sidebar-bottom div>span{font-size:8px;display:block;margin-top:2px;white-space:nowrap}
.side-info{display:flex;align-items:center;gap:8px;font-size:12px;padding:5px 9px}
.side-info .icon{width:17px;height:17px}
.side-explanation{font-size:11px;color:var(--muted);line-height:2;margin:17px 9px}
.auxiliary-sidebar .side-section{position:sticky;top:101px}

main{padding:17px 25px 28px;min-width:0;outline:none}
.content-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:13px;min-height:48px}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:10px;color:#81817f;line-height:1.4}
.breadcrumb>span:nth-child(2n){color:#ababa9}
.breadcrumb b{font-weight:400;color:#666664}
.heading-line{display:flex;align-items:baseline;gap:16px;margin-top:7px}
.heading-line h1{font-size:25px;line-height:1.25;letter-spacing:-.035em;font-weight:600;white-space:nowrap}
.heading-subtitle{font-size:11px;color:var(--muted);white-space:nowrap}
.collection-summary{font-size:10px;color:var(--muted);white-space:nowrap;align-self:flex-end;padding-bottom:3px}
.collection-summary i{font-style:normal;margin:0 5px;color:#a4a4a2}
.progress-section{margin-bottom:13px}
.progress-toggle{display:flex;align-items:center;gap:9px;width:100%;min-height:37px;padding:8px 11px;border:1px solid var(--line);background:var(--panel);text-align:left;line-height:1.5}
.progress-toggle>.icon{height:12px;width:12px;stroke-width:1.5}
.progress-toggle>b{font-size:11px;white-space:nowrap;font-weight:600}
.progress-toggle>span:not(.toggle-chevron){font-size:10px;color:var(--muted);margin-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.progress-toggle>span i{font-style:normal;color:#b8b8b6;margin:0 6px}
.progress-toggle>small{margin-left:auto;font:10px var(--mono);white-space:nowrap;padding-left:10px}
.toggle-chevron{font:18px/1 var(--mono);margin-left:7px;color:var(--muted)}
.progress-toggle:hover{border-color:#9b9b99}
.progress-drawer{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-top:0;background:var(--line)}
.resume-item{min-width:0;display:flex;gap:10px;align-items:center;padding:13px;background:var(--field);text-align:left}
.resume-item>img{width:28px;height:39px;object-fit:contain;filter:grayscale(1)}
.resume-item>span{min-width:0;flex:1}
.resume-item b{display:block;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.resume-item small{display:block;font-size:9px;color:var(--muted);margin-top:3px}
.resume-item strong{font:16px/1 var(--pixel);font-weight:400;align-self:center}
.resume-item .progress-track{display:block;margin-top:7px;height:4px}
.resume-item:hover{background:#eeeeec}

.mobile-filters{display:none}
.browser-toolbar{display:flex;align-items:center;gap:10px;position:relative;z-index:10}
.search-box{height:35px;display:flex;align-items:center;gap:8px;border:1px solid #b0b0ae;background:var(--field);box-shadow:inset 1px 1px 0 #e5e5e3;padding:0 10px;flex:1;min-width:100px}
.search-box>.icon{width:14px;height:14px;color:#767674}
.search-box input{height:32px;font-size:12px;border:0;background:transparent;width:100%;outline:none;padding:4px 0}
.search-box input::placeholder{color:#939391}
.search-box:focus-within{outline:2px solid var(--ink);outline-offset:1px}
.search-box>kbd{color:#8f8f8d;font-size:9px;border-color:#d6d6d4;min-width:15px}
.sort-control{min-width:100px;display:flex;align-items:center;height:35px}
.sort-control select{border:1px solid #c2c2c0;background:var(--field);height:35px;padding:0 25px 0 10px;font-size:11px;width:100%;border-radius:0;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='m1 1 4 3 4-3' fill='none' stroke='%235b6350'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}
.view-switch{display:flex;align-items:stretch;border:1px solid #a4a4a2;height:35px;flex:none;background:var(--field)}
.view-switch button{display:flex;gap:5px;align-items:center;justify-content:center;min-width:36px;padding:0 9px;font-size:10px;line-height:1;border-left:1px solid #c8c8c6}
.view-switch button:first-child{border-left:0}
.view-switch button .icon{width:13px;height:13px}
.view-switch button[aria-pressed="true"]{background:var(--selection);color:var(--paper)}
.view-switch button:hover:not([aria-pressed="true"]){background:var(--panel)}
.display-options{position:relative;flex:none}
.display-options>summary{list-style:none;cursor:pointer;height:35px;width:33px;border:1px solid #b7b7b5;display:grid;place-items:center;background:var(--field)}
.display-options>summary::-webkit-details-marker{display:none}
.display-options>summary .icon{height:14px;width:14px}
.display-options[open]>summary{background:var(--selection);color:var(--paper)}
.display-panel{position:absolute;right:0;top:42px;background:var(--field);border:1px solid var(--ink);padding:12px;width:195px;box-shadow:3px 3px 0 #5a5a58;z-index:40}
.display-panel>span{font-size:10px;color:var(--muted);display:block;margin:0 0 9px 4px}
.display-panel button{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px;font-size:12px;width:100%;padding:4px}
.display-panel button:hover{background:var(--panel)}
.display-panel button b{font-size:10px;font-weight:400;border:1px solid var(--line);background:var(--panel);padding:1px 6px}
.display-panel button[aria-pressed="true"] b{background:var(--selection);color:var(--paper);border-color:var(--selection)}
.display-panel p{font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding:9px 4px 0;margin-top:7px}
.result-line{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:10px;color:var(--muted);line-height:1.6}
.result-line>span{overflow-wrap:anywhere}
.result-line>button{font-size:10px;white-space:nowrap;min-height:30px}
.result-line>button:hover{text-decoration:underline}
.file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 20px}

/* Individual files, with quiet metadata instead of nested cards. */
.file-card{min-width:0}
.file-art{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:196px;padding:25px 20px 23px;background:#ededeb;border:1px solid #bdbdbb;overflow:hidden;box-shadow:1px 1px 0 #e2e2e0}
.file-art>img{max-width:87%;height:153px;object-fit:contain;box-shadow:3px 4px 0 #d0d0ce;filter:grayscale(1);transition:filter .18s,transform .18s}
.file-card.music .file-art>img{height:auto;width:141px;aspect-ratio:1;object-fit:contain}
.file-art:hover{border-color:#777775;background:#e5e5e3}
.file-art:hover>img,.file-art:focus-visible>img{filter:none;transform:translateY(-3px)}
.file-index{font:14px/1 var(--pixel);position:absolute;left:10px;top:9px;color:#7c7c7a}
.file-rating{position:absolute;right:9px;bottom:8px;display:flex;gap:2px;align-items:baseline;font:17px/1 var(--pixel);background:#eeeeece8;padding:2px 4px;color:#434341}
.file-rating small{font-size:12px;color:#959593}
.file-open{position:absolute;top:6px;right:9px;font-size:17px;opacity:0}
.file-art:hover .file-open{opacity:1}
.file-info{padding-top:11px}
.file-topline{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;color:#8e8e8c;margin-bottom:5px}
.item-state{font-size:10px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px;color:#757573}
.item-state i{width:4px;height:4px;display:block;background:#555553}
.item-state.is-ongoing{color:#40403e}
.item-state.is-wish{color:#929290}
.file-info h2{font-size:14px;line-height:1.6;letter-spacing:-.015em;font-weight:600}
.file-info h2 button{text-align:left}
.file-info h2 button:hover{text-decoration:underline;text-underline-offset:4px}
.file-creator{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.6}
.platform-line{font-size:9px;color:#888886;margin-top:5px;line-height:1.6}
.platform-line i{font-style:normal;margin:0 3px;color:#c2c2c0}
.progress-track{height:5px;background:var(--field);border:1px solid #b3b3b1;position:relative;overflow:hidden}
.progress-track>i{height:100%;display:block;background:repeating-linear-gradient(90deg,#696967 0 2px,#f4f4f2 2px 3px)}
.file-progress{display:flex;align-items:center;gap:7px;margin-top:7px}
.file-progress .progress-track{flex:1}
.file-progress>span:last-child{font:10px/1 var(--mono);color:#71716f}
.note-indicator{display:flex;align-items:center;gap:4px;font-size:9px;color:#90908e;margin-top:8px;min-height:20px}
.note-indicator .icon{height:11px;width:11px}
.note-indicator:hover{color:var(--ink)}
body[data-covers="color"] .file-art>img,body[data-covers="color"] .table-title>img,body[data-covers="color"] .review-cover>img{filter:none}
.statusbar{position:sticky;bottom:0;z-index:20;min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f0f0ee;border-top:1px solid #bcbcba;padding:5px 22px 5px 14px;font-size:9px;color:#787876}
.status-center{margin-left:auto;margin-right:auto;font-size:9px;color:#a0a09e}
.status-mode{display:flex;gap:5px;align-items:center;font-size:9px;color:#7d7d7b;white-space:nowrap}
.status-mode>i{width:4px;height:4px;background:#868684;box-shadow:0 0 0 1px #bcbcba}
.resize-mark{position:absolute;right:2px;bottom:0;font-size:13px;line-height:1;color:#a9a9a7}
.empty-state{grid-column:1/-1;text-align:center;padding:68px 20px;background:#f3f3f1;border:1px dashed #c6c6c4}
.empty-state>.icon{height:34px;width:34px;stroke-width:1;color:#999997;margin-bottom:12px}
.empty-state h2{font-size:20px;letter-spacing:-.025em;font-weight:500}
.empty-state p{font-size:12px;color:#898987;margin:12px 0 23px}
.empty-state .system-button{font-size:11px}

/* Full width list and a separate long-form reading mode. */
.table-scroll{overflow-x:auto}
.file-table{width:100%;border-collapse:collapse;text-align:left}
.file-table th{font-size:10px;font-weight:400;color:#91918f;padding:10px 10px;background:#efefed;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}
.file-table td{padding:11px 10px;border-bottom:1px solid #dbdbd9;font-size:11px;color:#858583;vertical-align:middle}
.file-table tbody tr:hover{background:#f1f1ef}
.file-table .number-column{width:34px;padding-left:5px;font:14px var(--pixel);color:#9a9a98}
.table-title{display:flex;align-items:center;gap:12px;text-align:left;min-width:150px}
.table-title>img{width:25px;height:35px;object-fit:contain;filter:grayscale(1)}
.table-title b{display:block;font-size:13px;font-weight:500;color:var(--ink);line-height:1.55}
.table-title small{display:block;font-size:10px;color:#949492;line-height:1.5;margin-top:3px}
.table-title:hover b{text-decoration:underline;text-underline-offset:3px}
.file-table .table-rating{font:19px var(--pixel);color:#6a6a68}
.platform-column small{display:block;font:12px var(--mono);margin-top:4px}
.review-item{display:grid;grid-template-columns:89px 69px minmax(0,1fr);gap:23px;padding:27px 0 28px;border-top:1px solid #d7d7d5}
.review-item:first-child{padding-top:18px}
.review-meta{display:flex;flex-direction:column;gap:6px;padding-top:3px;font:10px/1.8 var(--mono);color:#949492}
.review-meta span:last-child{font-family:var(--ui);font-size:9px;color:#a8a8a6}
.review-cover{width:69px;align-self:start;background:#ededeb;border:1px solid #cbcbc9;padding:7px;box-shadow:1px 1px #e1e1df}
.review-cover>img{width:100%;height:88px;object-fit:contain;filter:grayscale(1)}
.review-cover.music{aspect-ratio:1}
.review-cover.music>img{aspect-ratio:1;height:auto}
.review-title{display:flex;align-items:baseline;gap:18px;justify-content:space-between;margin-bottom:6px}
.review-title h2{font-size:18px;line-height:1.6;font-weight:600;letter-spacing:-.025em}
.review-title h2>button{text-align:left}
.review-title>span{font:24px/1 var(--pixel);color:#848482}
.review-author{font-size:11px;color:#939391;margin-bottom:16px}
.review-excerpt{font-size:13px;line-height:1.95;white-space:pre-line;color:#6e6e6c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-width:750px}
.read-link{font-size:10px;min-height:27px;margin-top:12px;border-bottom:1px solid #c5c5c3;display:inline-flex;align-items:center}
.read-link:hover{color:#41413f;border-color:#41413f}

/* Field notes now start with an actual note. */
.travel-toolbar{display:flex;align-items:center;gap:12px;margin:2px 0 0}
.travel-toolbar .search-box{margin-left:auto;max-width:255px}
.travel-toolbar .sort-control{width:137px;min-width:118px}
.travel-toolbar .view-switch button{font-size:11px;gap:7px;padding:0 12px}
.moment-card{display:grid;grid-template-columns:57px minmax(0,1fr);gap:23px;padding:19px 0 30px;border-top:1px solid #d9d9d7;scroll-margin-top:83px}
.moment-date{padding-top:3px;display:flex;flex-direction:column;gap:6px}
.moment-date>span{font:10px var(--mono);color:#999997}
.moment-date>b{font:38px/.95 var(--pixel);color:#767674;font-weight:400}
.moment-location{display:flex;align-items:center;gap:5px;font-size:10px;color:#9a9a98;margin-bottom:7px}
.moment-location .icon{width:12px;height:12px}
.moment-main h2{font-size:22px;line-height:1.6;letter-spacing:-.03em;font-weight:500;margin-bottom:17px}
.moment-main figure{margin:0 0 18px}
.moment-main figure>button{display:block;width:100%;position:relative;border:1px solid #bdbdbb;background:var(--field);padding:5px;box-shadow:2px 2px 0 #dbdbd9;cursor:zoom-in}
.moment-main figure img{width:100%;height:300px;object-fit:cover;filter:grayscale(1)}
.moment-main figure>button:hover img,body[data-covers="color"] .moment-main figure img{filter:none}
.moment-main figure>button>span{position:absolute;bottom:13px;right:13px;background:#f7f7f5da;border:1px solid #9d9d9b;width:25px;height:25px;font-size:17px;display:grid;place-items:center;line-height:1}
.moment-main figcaption{font-size:9px;color:#9c9c9a;line-height:1.8;margin-top:9px}
.moment-body{font-size:14px;line-height:2;white-space:pre-line;color:#6a6a68;max-width:720px}
.highlight{outline:2px solid #7d7d7b;outline-offset:7px}
.map-canvas{position:relative;height:432px;border:1px solid #b6b6b4;overflow:hidden;background:#ededeb}
.map-canvas>img{width:100%;height:100%;object-fit:fill;filter:grayscale(1);opacity:.85}
.map-title{position:absolute;top:23px;left:23px;display:flex;flex-direction:column;gap:6px;pointer-events:none}
.map-title>.pixel-label{font-size:14px;color:#8e8e8c}
.map-title>span:last-child{font-size:19px;letter-spacing:-.03em}
.map-pin{position:absolute;display:flex;align-items:center;gap:5px;transform:translate(-6px,-50%)}
.map-pin>i{width:10px;height:10px;border:2px solid #f8f8f6;background:#656563;box-shadow:0 0 0 1px #9c9c9a}
.map-pin>span{font-size:10px;background:var(--field);padding:4px 7px;border:1px solid #a9a9a7;white-space:nowrap}
.map-pin.active>span{background:#50504e;color:#fcfcfa;border-color:#50504e}
.map-credit{position:absolute;left:17px;bottom:12px;font-size:8px;background:#fafaf8f0;padding:4px 7px;color:#949492;max-width:calc(100% - 30px)}
.map-detail{display:grid;grid-template-columns:1fr auto;gap:7px 20px;padding:22px 0}
.map-detail>span{font-size:10px;color:#9c9c9a;grid-column:1}
.map-detail h2{font-size:21px;font-weight:500;grid-column:1}
.map-detail p{font-size:12px;color:#868684;grid-column:1}
.map-detail>.system-button{grid-row:1/4;grid-column:2;align-self:center}

/* Clipboard: composer and objects, without another hero. */
.retention-label{font:24px/1 var(--pixel);color:#91918f;display:flex;align-items:center;gap:9px}
.retention-label small{font:9px var(--ui);color:#a9a9a7}
.clip-notice{display:flex;align-items:center;gap:8px;border:1px solid #ccccca;background:#f4f4f2;padding:9px 11px;color:#8b8b89;margin-bottom:23px;font-size:10px}
.clip-notice>.icon{width:14px;height:14px}
.clipboard-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:26px}
.compose-pane{min-width:0}
.compose-pane form{border:1px solid #9d9d9b;padding:19px;background:var(--field);box-shadow:2px 2px 0 #dcdcda}
.compose-pane form>label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;font-weight:500}
.compose-pane form>label>span{font-size:9px;color:#9b9b99;font-weight:400}
.compose-pane textarea{display:block;width:100%;min-height:185px;max-height:440px;margin:14px 0;border:1px solid #cfcfcd;background:#fdfdfb;box-shadow:inset 1px 1px 0 #e8e8e6;padding:11px;font-size:13px;line-height:1.9;resize:vertical}
.compose-pane textarea::placeholder{color:#a8a8a6}
.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:15px}
.composer-footer>span{font:9px var(--mono);color:#a5a5a3;white-space:nowrap}
.composer-footer .system-button{font-size:11px;padding:6px 10px;min-height:32px}
.drop-area{margin-top:19px;padding:22px 14px;text-align:center;border:1px dashed #bfbfbd;background:#f5f5f3;display:flex;flex-direction:column;align-items:center;gap:7px}
.drop-area>.icon{height:24px;width:24px;stroke-width:1.1;color:#a6a6a4;margin-bottom:4px}
.drop-area>b{font-size:11px;font-weight:400;color:#81817f}
.drop-area>p{font-size:9px;color:#a8a8a6}
.drop-area>.system-button{font-size:10px;min-height:30px;margin-top:8px}
.drop-area.drag-over{background:#e8e8e6;outline:2px solid #858583;outline-offset:2px}
.compose-pane>.quiet{font-size:9px;margin-top:13px;color:#a4a4a2}
.saved-pane{min-width:0}
.pane-heading{display:flex;align-items:baseline;justify-content:space-between;gap:15px;padding:0 0 14px;border-bottom:1px solid #c7c7c5}
.pane-heading h2{font-size:14px;font-weight:500}
.pane-heading>span{font:12px var(--mono);color:#a0a09e}
.clipboard-item{padding:16px 0 17px;border-bottom:1px solid #d9d9d7}
.clip-item-label{display:flex;align-items:center;gap:5px;font-size:9px;color:#9a9a98;margin-bottom:14px}
.clip-item-label>.icon{width:12px;height:12px}
.clip-item-label>small{font-size:9px;margin-left:auto;color:#afafad}
.clip-text-body{font-size:13px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#727270;max-height:280px;overflow:auto}
.clip-actions{display:flex;align-items:center;gap:18px;margin-top:14px}
.clip-actions>button{font-size:10px;min-height:28px;color:#8a8a88;display:flex;align-items:center;gap:5px}
.clip-actions>button:last-child{margin-left:auto;color:#a7a7a5}
.clip-actions>button:hover{text-decoration:underline;text-underline-offset:3px}
.clip-actions .icon{width:12px;height:12px}
.attached-file{display:flex;align-items:center;gap:12px;padding:8px 0;color:#7f7f7d}
.attached-file>.icon{width:30px;height:30px;stroke-width:1.1}
.attached-file>div{min-width:0}
.attached-file b{font-size:12px;font-weight:500;overflow-wrap:anywhere}
.attached-file div>span{display:block;font:10px var(--mono);color:#9e9e9c;margin-top:6px}
.clip-empty{margin-top:18px;padding:40px 15px}
.clip-empty h2{font-size:17px}
.clip-empty p{font-size:11px;margin-bottom:0}

/* System dialogs: room for reading, not page decoration. */
.system-dialog{position:fixed;margin:auto;border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:0;width:min(800px,calc(100% - 36px));max-height:88svh;overflow:auto;box-shadow:5px 5px 0 #383836dd}
.system-dialog::backdrop{background:#2d2d2b77;backdrop-filter:blur(2px)}
.dialog-bar{height:31px;background:repeating-linear-gradient(to bottom,var(--paper) 0 3px,#959593 3px 4px,var(--paper) 4px 6px);display:flex;justify-content:center;align-items:center;border-bottom:1px solid var(--ink);position:sticky;top:0;z-index:5}
.dialog-bar>span{font-size:11px;background:var(--paper);padding:0 16px;line-height:29px}
.dialog-bar>button{position:absolute;right:8px;top:7px;width:16px;height:16px;border:1px solid var(--ink);box-shadow:0 0 0 3px var(--paper);background:var(--paper);font:16px/1 var(--mono);display:grid;place-items:center}
.dialog-bar>button:hover{background:var(--ink);color:var(--paper)}
.detail-sheet{display:grid;grid-template-columns:165px minmax(0,1fr)}
.detail-sidebar{padding:26px 21px;background:var(--panel);border-right:1px solid #cbcbc9}
.detail-art{display:flex;align-items:center;justify-content:center;min-height:177px;margin-bottom:22px}
.detail-art>img{width:116px;height:172px;object-fit:contain;box-shadow:3px 4px 0 #d3d3d1}
.detail-art.music{min-height:143px}
.detail-art.music>img{width:120px;height:120px;aspect-ratio:1}
.detail-sidebar>.pixel-label{font-size:14px;color:#8b8b89}
.detail-rating{font:39px/1 var(--pixel);color:#565654;margin-top:16px}
.detail-rating>small{font-size:17px;color:#a5a5a3;margin-left:4px}
.detail-main{padding:26px 30px 35px;min-width:0}
.detail-kicker{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#a5a5a3;margin-bottom:12px}
.detail-main h2{font-size:28px;line-height:1.5;letter-spacing:-.035em;font-weight:600}
.detail-author{font-size:12px;color:#989896;margin-top:8px}
.detail-properties{display:flex;gap:20px;padding:13px 0;margin-top:15px;border-top:1px solid #dbdbd9;border-bottom:1px solid #dbdbd9;font-size:10px;color:#9e9e9c}
.detail-properties b{font-size:11px;color:#71716f;font-weight:400;margin-left:8px}
.detail-progress{margin-top:20px;max-width:300px}
.detail-progress>span{display:flex;justify-content:space-between;gap:14px;font-size:10px;color:#929290;margin-bottom:7px}
.detail-progress b{font:12px var(--mono);font-weight:400;color:#71716f}
.detail-progress>.progress-track{height:7px}
.detail-note{border-top:1px solid #d9d9d7;margin-top:25px;padding-top:19px}
.detail-note h3{font-size:11px;font-weight:400;color:#9e9e9c;margin-bottom:14px}
.detail-note p{font-size:15px;line-height:2;white-space:pre-line;color:#545452}
.detail-footer{border-top:1px solid #c6c6c4;padding:9px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel)}
.detail-footer>span{font-size:9px;color:#949492}
.detail-footer>div{display:flex;gap:18px}
.detail-footer button{min-height:27px;font-size:11px;color:#727270}
.dialog-content{padding:25px 30px}
.small-dialog{width:min(490px,calc(100% - 34px))}
.about-content{text-align:center;padding:25px 29px 29px}
.about-mac{width:43px;height:54px;border:2px solid #60605e;box-shadow:2px 2px 0 #949492;display:grid;place-items:center;margin:0 auto 20px;background:#e5e5e3;padding:6px}
.about-mac>span{display:grid;place-items:center;border:1px solid #6d6d6b;background:var(--paper);width:27px;height:32px;font:20px var(--mono);line-height:1}
.about-content>.pixel-label{font-size:15px;color:#999997}
.about-content>h2{font-size:20px;letter-spacing:-.035em;line-height:1.6;margin:13px 0 17px}
.about-content>p:not(.pixel-label){font-size:12px;text-align:left;line-height:1.9;color:#7f7f7d;margin-top:10px}
.about-shortcuts{display:flex;flex-direction:column;gap:9px;text-align:left;border-top:1px solid #d4d4d2;border-bottom:1px solid #d4d4d2;padding:15px 0;margin:20px 0;font-size:10px;color:#979795}
.about-content>.quiet{font-size:10px!important;color:#a6a6a4!important}
.about-content>.system-button{font-size:11px;margin-top:24px}
.compose-dialog{width:min(560px,calc(100% - 34px))}
.dialog-content>h2{font-size:23px;font-weight:500;letter-spacing:-.03em;margin-bottom:9px}
.dialog-content>label{display:block;font-size:11px;margin:19px 0 8px;color:#878785}
.dialog-content>input,.dialog-content>textarea{width:100%;border:1px solid #bfbfbd;background:var(--field);padding:10px 12px;box-shadow:inset 1px 1px #e8e8e6;font-size:14px;line-height:1.8}
.dialog-content>textarea{resize:vertical;min-height:145px;max-height:45vh}
.form-footer{display:flex;justify-content:flex-end;gap:14px;margin-top:22px}
.image-dialog{width:min(980px,calc(100% - 30px))}
.image-dialog #image-content{padding:8px}
.image-dialog img{width:100%;max-height:73svh;object-fit:contain}
.image-dialog p{font-size:10px;color:#9f9f9d;text-align:center;padding:13px 9px;line-height:1.7}
.toast{position:fixed;bottom:22px;left:50%;max-width:calc(100vw - 30px);width:max-content;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px 0 #4d4d4b;color:var(--ink);font-size:12px;padding:10px 17px;display:flex;align-items:center;gap:22px;z-index:99;transition:opacity .15s,transform .15s}
.toast.visible{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.toast button{font-size:11px;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;min-height:28px}
.copy-fallback{position:fixed;top:0;left:-9999px}
.restore-button{margin:120px auto 0;display:flex;align-items:center;gap:19px;padding:24px 30px;border:2px solid var(--ink);box-shadow:4px 4px 0 #585856;background:var(--paper);font-size:14px}
.restore-button>.icon{height:40px;width:40px;stroke-width:1}
.restore-button span>small{display:block;font-size:11px;color:#979795;margin-top:7px}
.maximized .desktop{display:none}
.maximized .desktop-workspace{padding:8px 10px 15px}
.maximized .archive-window{max-width:none;min-height:calc(100svh - 58px);box-shadow:2px 2px #555553}
.maximized .window-layout{min-height:calc(100svh - 124px)}

/* Density is optional: compact without making the font smaller. */
body[data-density="compact"] .file-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:21px 15px}
body[data-density="compact"] .file-art{height:172px;padding:25px 15px 20px}
body[data-density="compact"] .file-art>img{height:126px}
body[data-density="compact"] .music .file-art>img{height:auto;width:112px}
body[data-density="compact"] .note-indicator{display:none}
body[data-density="compact"] .file-table td{padding-top:7px;padding-bottom:7px}

@media(min-width:1550px){.file-art{height:231px;padding-top:31px}
.file-art>img{height:174px}
.file-card.music .file-art>img{height:auto;width:169px}
.file-grid{gap:30px 25px}
.content-heading{margin-bottom:20px}
.moment-main figure img{height:365px}
}

@media(max-width:1200px){.desktop{width:83px}
.desktop-workspace{padding-left:89px;padding-right:22px}
.desktop-app{width:70px}
.window-layout{grid-template-columns:163px minmax(0,1fr)}
.sidebar{padding-left:9px;padding-right:9px}
.side-row{font-size:11px;padding:6px 8px;gap:7px}
.sidebar-label{font-size:9px;margin-left:8px}
main{padding:19px 21px 26px}
.heading-subtitle{font-size:10px}
.heading-line{gap:12px}
.collection-summary{display:none}
.file-grid{gap:24px 17px}
.file-art{height:189px;padding:27px 18px 23px}
.file-art>img{height:140px}
.file-card.music .file-art>img{width:126px;height:auto}
.file-info h2{font-size:13px}
.file-creator{font-size:10px}
.view-switch button{padding:0 8px}
.view-switch button span{font-size:9px}
.search-box input{font-size:11px}
.sort-control{min-width:96px}
.sort-control select{font-size:10px}
.browser-toolbar{gap:8px}
.sidebar-bottom{padding-left:5px;gap:7px}
.sidebar-bottom div>span{font-size:7px}
.file-topline{font-size:9px}
.item-state{font-size:9px}
.clipboard-layout{gap:22px}
.compose-pane form{padding:16px}
.composer-footer{gap:10px}
.composer-footer>span{font-size:8px}
.composer-footer .system-button{font-size:10px;padding:6px 9px}
.moment-main figure img{height:282px}
.review-item{grid-template-columns:78px 61px minmax(0,1fr);gap:18px}
.review-cover{width:61px;padding:6px}
.review-cover>img{height:80px}
.review-excerpt{font-size:12px}
.review-meta{font-size:9px}
.review-title h2{font-size:17px}
body[data-density="compact"] .file-art{height:157px;padding:24px 14px 18px}
body[data-density="compact"] .file-art>img{height:117px}
body[data-density="compact"] .music .file-art>img{width:104px;height:auto}
}

@media(max-width:980px){.desktop{display:none}
.desktop-workspace{padding:18px 20px 22px}
.window-layout{grid-template-columns:153px minmax(0,1fr)}
.sidebar{padding-top:20px}
.side-row{padding:6px 7px;gap:6px;font-size:11px}
.side-row .icon{width:14px;height:14px}
.side-row small{font-size:10px}
.sidebar-bottom{padding-left:6px;gap:5px}
.sidebar-disc{font-size:20px}
.sidebar-bottom b{font-size:14px}
.sidebar-bottom div>span{font-size:7px}
.file-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 17px}
.file-art{height:193px}
.file-art>img{height:143px}
.file-card.music .file-art>img{width:130px;height:auto}
.view-switch button span{display:none}
.view-switch button{min-width:31px;padding:0 8px}
.browser-toolbar{gap:8px}
.sort-control{min-width:90px}
.sort-control select{font-size:10px;padding-left:9px}
.progress-toggle>span:not(.toggle-chevron){font-size:9px}
.progress-toggle>span i{margin:0 3px}
.progress-toggle>small{font-size:9px}
.heading-line h1{font-size:24px}
.content-heading{min-height:51px;margin-bottom:16px}
.file-table .platform-column{display:none}
.table-title{min-width:160px;gap:9px}
.file-table td{padding:10px 8px}
.file-table th{padding:9px 8px}
.file-table .type-column{font-size:10px}
.file-table .number-column{width:25px}
.table-title b{font-size:12px}
.table-title small{font-size:9px}
.file-table .table-rating{font-size:17px}
.review-item{grid-template-columns:60px minmax(0,1fr);gap:10px 17px}
.review-meta{grid-column:1/-1;flex-direction:row;gap:14px}
.review-cover{grid-column:1;grid-row:2}
.review-text{grid-column:2;grid-row:2}
.review-meta>span:last-child{font-size:9px}
.review-excerpt{font-size:13px}
.clipboard-layout{grid-template-columns:1fr;gap:30px}
.compose-pane form{padding:20px}
.compose-pane textarea{min-height:159px}
.composer-footer .system-button{font-size:11px;padding:6px 12px}
.composer-footer>span{font-size:9px}
.drop-area{padding:19px;margin-top:17px}
.clip-notice{font-size:9px}
.retention-label{font-size:22px}
.retention-label small{display:none}
.travel-toolbar{gap:8px;flex-wrap:wrap}
.travel-toolbar .view-switch button{padding:0 10px;font-size:10px;gap:5px}
.travel-toolbar .view-switch button span{display:block}
.travel-toolbar .sort-control{width:125px}
.travel-toolbar .search-box{max-width:none;flex:1;min-width:110px}
.moment-card{grid-template-columns:44px minmax(0,1fr);gap:17px}
.moment-date>span{font-size:8px}
.moment-main h2{font-size:21px}
.moment-main figure img{height:251px}
.moment-body{font-size:13px}
.map-canvas{height:400px}
.map-title{top:21px;left:19px}
.map-title>span:last-child{font-size:17px}
.map-detail{grid-template-columns:1fr}
.map-detail>.system-button{grid-row:auto;grid-column:1;justify-self:start;margin-top:8px}
.progress-drawer{grid-template-columns:1fr}
.resume-item{padding:11px 13px}
.resume-item>img{height:33px;width:25px}
.resume-item>span{display:grid;grid-template-columns:1fr 1fr;gap:5px 17px}
.resume-item small{margin-top:0;grid-row:1;grid-column:2;text-align:right}
.resume-item .progress-track{grid-column:1/-1;margin-top:0;height:4px}
.resume-item strong{font-size:16px;min-width:37px;text-align:right}
body[data-density="compact"] .file-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px}
body[data-density="compact"] .file-art{height:160px}
body[data-density="compact"] .file-art>img{height:117px}
body[data-density="compact"] .music .file-art>img{width:104px;height:auto}
}

@media(max-width:700px){.os-bar{padding:0 14px;gap:17px}
.version{font-size:13px}
.os-right{gap:14px}
.os-bar nav :is(a,button){padding:0 10px;font-size:11px}
.os-brand{font-size:12px;gap:6px}
.window-layout{grid-template-columns:139px minmax(0,1fr)}
.desktop-workspace{padding:14px 14px 20px}
.sidebar{padding:18px 7px 13px}
.side-row{font-size:10px;gap:6px;padding:6px}
.side-row .icon{width:13px;height:13px}
.sidebar-bottom{padding-left:5px;gap:5px}
.sidebar-bottom b{font-size:13px}
.sidebar-bottom div>span{display:none}
.sidebar-label{font-size:9px;margin-left:6px}
.side-section+.sidebar-label{margin-top:23px}
main{padding:17px 17px 23px}
.heading-line{margin-top:6px}
.heading-subtitle{display:none}
.heading-line h1{font-size:23px}
.breadcrumb{font-size:9px}
.content-heading{min-height:46px;margin-bottom:15px}
.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}
.file-art{height:208px}
.file-art>img{height:156px}
.file-card.music .file-art>img{height:auto;width:136px}
.sort-control{min-width:89px}
.browser-toolbar{flex-wrap:wrap;gap:8px}
.browser-toolbar .search-box{flex-basis:100%;min-width:100%;height:34px}
.browser-toolbar .sort-control{margin-right:auto;height:32px}
.browser-toolbar .sort-control select{height:32px;font-size:10px}
.view-switch{height:32px}
.view-switch button{min-width:31px}
.display-options>summary{width:31px;height:32px}
.file-info h2{font-size:13px}
.file-creator{font-size:10px}
.result-line{font-size:9px;min-height:35px}
.result-line>button{font-size:9px}
.progress-toggle{min-height:34px;padding:7px 9px;gap:7px}
.progress-toggle>b{font-size:10px}
.progress-toggle>span:not(.toggle-chevron){font-size:9px}
.progress-toggle>small{display:none}
.toggle-chevron{margin-left:auto}
.statusbar{font-size:8px;gap:12px;padding:6px 18px 6px 10px}
.status-center{font-size:8px}
.status-mode{font-size:8px}
.content-heading>.system-button{font-size:10px;padding:6px 10px;min-height:30px}
.travel-toolbar{gap:9px}
.travel-toolbar .search-box{flex-basis:100%;height:34px;min-width:100%}
.travel-toolbar .sort-control{margin-left:auto;height:32px;width:119px}
.travel-toolbar .sort-control select{height:32px}
.moment-card{grid-template-columns:1fr;gap:10px;padding:17px 0 26px}
.moment-date{flex-direction:row;align-items:baseline;padding:0;gap:7px}
.moment-date>b{font-size:18px;order:-1}
.moment-date>span{font-size:9px}
.moment-location{font-size:9px}
.moment-main h2{font-size:21px;margin-bottom:14px}
.moment-main figure img{height:255px}
.moment-main figcaption{font-size:8px}
.moment-body{font-size:13px}
.map-canvas{height:375px}
.map-title>.pixel-label{font-size:13px}
.map-title>span:last-child{font-size:17px}
.map-pin{gap:3px}
.map-pin>span{font-size:9px;padding:3px 6px}
.map-credit{font-size:7px;left:11px;bottom:10px}
.file-table .type-column{display:none}
.file-table th{font-size:9px;padding-left:7px;padding-right:7px}
.file-table td{padding-left:7px;padding-right:7px}
.table-title{min-width:148px}
.table-title b{font-size:12px}
.table-title>img{width:21px;height:30px}
.file-table .number-column{display:none}
.review-title h2{font-size:17px}
.review-excerpt{font-size:12px}
.review-meta{font-size:9px}
.review-meta>span:last-child{font-size:9px}
.review-item{gap:12px 15px;grid-template-columns:51px minmax(0,1fr)}
.review-cover{width:51px;padding:5px}
.review-cover>img{height:67px}
.review-author{font-size:10px;margin-bottom:13px}
.review-title>span{font-size:22px}
.compose-pane form{padding:17px}
.compose-pane form>label{font-size:12px}
.compose-pane textarea{font-size:12px;min-height:170px}
.clip-notice{font-size:9px;align-items:flex-start}
.clip-notice>.icon{margin-top:1px;flex:none}
.detail-sheet{grid-template-columns:130px minmax(0,1fr)}
.detail-sidebar{padding:22px 17px}
.detail-art>img{width:91px;height:134px}
.detail-art{min-height:136px}
.detail-art.music{min-height:115px}
.detail-art.music>img{width:94px;height:94px}
.detail-sidebar>.pixel-label{font-size:12px}
.detail-rating{font-size:32px}
.detail-main{padding:22px 24px 27px}
.detail-main h2{font-size:24px}
.detail-author{font-size:11px}
.detail-note p{font-size:14px;line-height:2}
.detail-kicker{font-size:9px}
.detail-properties{gap:14px}
.detail-note{margin-top:22px}
body[data-density="compact"] .file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body[data-density="compact"] .file-art{height:168px}
body[data-density="compact"] .file-art>img{height:123px}
body[data-density="compact"] .music .file-art>img{height:auto;width:108px}
}

/* Mobile is a small archive, never a shrunken desktop. */
@media(max-width:600px){.os-bar{height:37px;padding:0 12px;gap:14px}
.os-brand{font-size:11px;gap:5px;min-height:35px}
.os-brand .icon{height:15px;width:15px}
.os-bar nav{gap:0}
.os-bar nav :is(a,button){min-height:36px;padding:0 11px;font-size:11px}
.os-right{gap:0}
.version{display:none}
.help-button{width:18px;height:18px;font-size:11px;box-shadow:none}
.desktop-workspace{padding:12px 9px 18px}
.archive-window{border-width:1px;box-shadow:2px 2px 0 #6a6a68;min-height:calc(100svh - 65px)}
.window-titlebar{top:37px;height:30px;padding:0 9px}
.window-caption{font-size:11px;line-height:28px;padding:0 13px;gap:6px}
.window-caption>.icon{width:14px;height:14px}
.window-caption small{font-size:13px;margin-left:2px}
.window-control{width:16px;height:16px}
.minimize-mark{width:8px}
.maximize-mark{height:8px;width:8px;border-top-width:2px}
.window-layout{display:block;min-height:calc(100svh - 125px)}
.sidebar{display:none}
main{padding:15px 15px 23px}
.content-heading{min-height:45px;margin-bottom:14px;gap:13px}
.breadcrumb{font-size:9px;gap:7px}
.heading-line{margin-top:7px}
.heading-line h1{font-size:23px;line-height:1.2;font-weight:600;letter-spacing:-.04em}
.content-heading>.system-button{padding:6px 10px;font-size:10px;min-height:31px}
.content-heading .collection-summary{display:none}
.progress-section{margin-bottom:12px}
.progress-toggle{padding:7px 9px;gap:6px;min-height:33px}
.progress-toggle>b{font-size:10px}
.progress-toggle>span:not(.toggle-chevron){font-size:9px;margin-left:3px;max-width:68%}
.progress-toggle>span i{margin:0 3px}
.progress-toggle>.icon{height:10px;width:10px}
.toggle-chevron{font-size:17px;margin-left:auto}
.resume-item{padding:11px 10px;gap:10px}
.resume-item b{font-size:11px}
.resume-item small{font-size:8px}
.resume-item>span{gap:5px 10px}
.resume-item strong{font-size:17px}
.mobile-filters{display:flex;align-items:center;gap:10px;margin:0 0 12px;min-width:0}
.category-tabs{display:flex;gap:0;min-width:0;flex:1;overflow:auto;scrollbar-width:none}
.category-tabs>button{min-height:31px;padding:5px 8px;font-size:11px;color:#8c8c8a;flex:none;line-height:1.5;border:1px solid transparent}
.category-tabs>button:first-child{padding-left:7px}
.category-tabs>button small{display:none}
.category-tabs>button[aria-pressed="true"]{border-color:#a6a6a4;color:#424240;background:#ededeb}
.mobile-group{display:block;flex:none;width:101px}
.mobile-group select{width:100%;font-size:10px;background:var(--paper);color:#8e8e8c;padding:5px 19px 5px 5px;border:0;border-bottom:1px solid #cbcbc9;border-radius:0;height:29px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='m1 1 4 3 4-3' fill='none' stroke='%235b6350'/%3E%3C/svg%3E");background-position:right 3px center;background-repeat:no-repeat}
.browser-toolbar{gap:9px 8px}
.browser-toolbar>.search-box{height:36px;flex-basis:100%;max-width:none}
.search-box{padding:0 10px}
.search-box input{font-size:12px;height:33px}
.search-box input::placeholder{font-size:11px}
.search-box>kbd{display:none}
.browser-toolbar .sort-control{min-width:99px;height:32px}
.sort-control select{font-size:10px;padding-left:9px}
.browser-toolbar .view-switch{height:32px}
.browser-toolbar .view-switch button{min-width:35px;padding:0 10px}
.view-switch button>.icon{height:13px;width:13px}
.browser-toolbar .display-options>summary{height:32px;width:31px}
.display-panel{top:39px;width:195px;padding:12px}
.display-panel button{font-size:12px;min-height:37px}
.display-panel>span{font-size:10px}
.result-line{min-height:34px;font-size:9px;gap:13px}
.result-line>button{font-size:9px}
.file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}
.file-art{height:184px;padding:25px 14px 23px}
.file-art>img{height:134px;max-width:93%;box-shadow:2px 3px #cdcdcb}
.file-card.music .file-art>img{height:auto;width:129px}
.file-index{font-size:13px;top:8px;left:9px}
.file-rating{font-size:16px;bottom:7px;right:7px}
.file-rating small{font-size:11px}
.file-open{display:none}
.file-info{padding-top:11px}
.file-topline{font-size:9px;margin-bottom:5px;gap:7px}
.item-state{font-size:9px}
.file-info h2{font-size:13px;line-height:1.65;font-weight:600;letter-spacing:-.02em}
.file-creator{font-size:10px;margin-top:3px;line-height:1.6}
.platform-line{font-size:9px;margin-top:4px}
.file-progress{gap:7px;margin-top:8px}
.file-progress>span:last-child{font-size:9px}
.note-indicator{font-size:9px;min-height:23px;margin-top:7px;gap:4px}
.note-indicator>.icon{width:10px;height:10px}
.statusbar{min-height:28px;padding:6px 15px 6px 11px;font-size:8px;gap:12px}
.status-center{display:none}
.status-mode{font-size:8px}
.resize-mark{font-size:11px}
.empty-state{padding:45px 20px}
.empty-state h2{font-size:18px}
.empty-state p{font-size:11px;line-height:1.8;margin:10px 0 20px}
.empty-state .system-button{font-size:11px;min-height:35px}
.file-table th{font-size:9px;padding:9px 5px}
.file-table td{padding:12px 5px}
.file-table .type-column,.file-table .platform-column,.file-table .number-column{display:none}
.table-title{gap:9px;min-width:158px;max-width:220px}
.table-title>img{height:30px;width:23px}
.table-title b{font-size:12px;line-height:1.6}
.table-title small{font-size:9px}
.file-table .table-rating{font-size:17px}
.file-table .item-state{font-size:9px}
.file-table th:last-child,.file-table td:last-child{padding-right:0}
.review-item{grid-template-columns:50px minmax(0,1fr);gap:12px 16px;padding:23px 0}
.review-meta{grid-column:1/-1;display:flex;flex-direction:row;gap:14px;font-size:9px}
.review-meta>span:last-child{font-size:9px}
.review-cover{width:50px;padding:5px}
.review-cover>img{height:64px}
.review-title{gap:12px;margin-bottom:6px}
.review-title h2{font-size:17px;line-height:1.55}
.review-title>span{font-size:22px}
.review-author{font-size:10px;margin-bottom:13px}
.review-excerpt{font-size:12px;line-height:1.95;-webkit-line-clamp:4}
.read-link{font-size:10px;min-height:29px;margin-top:9px}

.travel-toolbar{gap:9px}
.travel-toolbar .view-switch{height:32px}
.travel-toolbar .view-switch button{font-size:10px;gap:5px;padding:0 12px}
.travel-toolbar .view-switch button span{display:inline}
.travel-toolbar .sort-control{margin-left:auto;width:129px;min-width:100px;height:32px}
.travel-toolbar .sort-control select{height:32px}
.travel-toolbar .search-box{height:35px;flex-basis:100%;min-width:100%}
.moment-card{grid-template-columns:1fr;padding:17px 0 27px;gap:12px;scroll-margin-top:79px}
.moment-date{flex-direction:row;gap:7px;padding:0;align-items:baseline}
.moment-date>span{font-size:9px}
.moment-date>b{font-size:20px;order:-1}
.moment-location{font-size:9px;margin-bottom:6px}
.moment-location>.icon{height:11px;width:11px}
.moment-main h2{font-size:21px;line-height:1.6;letter-spacing:-.035em;margin-bottom:14px}
.moment-main figure{margin-bottom:16px}
.moment-main figure>button{padding:4px;box-shadow:1px 2px #d9d9d7}
.moment-main figure img{height:247px}
.moment-main figure>button>span{height:25px;width:25px;bottom:11px;right:11px;font-size:17px}
.moment-main figcaption{font-size:8px;line-height:1.9;margin-top:8px}
.moment-body{font-size:13px;line-height:2}
.map-canvas{height:379px}
.map-title{top:19px;left:15px;gap:7px}
.map-title>.pixel-label{font-size:13px}
.map-title>span:last-child{font-size:18px}
.map-pin>span{font-size:9px;padding:4px 6px}
.map-pin>i{height:9px;width:9px}
.map-credit{font-size:6px;bottom:10px;left:9px;max-width:calc(100% - 18px)}
.map-detail{padding:21px 0;gap:8px}
.map-detail>span{font-size:9px}
.map-detail h2{font-size:20px;line-height:1.6}
.map-detail p{font-size:12px;line-height:1.9}
.map-detail>.system-button{min-height:34px;font-size:11px}

.retention-label{font-size:23px}
.retention-label small{display:none}
.clip-notice{padding:9px 10px;gap:8px;font-size:9px;line-height:1.8;margin-bottom:20px}
.clip-notice>.icon{height:13px;width:13px;margin-top:2px}
.clipboard-layout{grid-template-columns:1fr;gap:27px}
.compose-pane form{padding:17px}
.compose-pane form>label{font-size:12px}
.compose-pane form>label>span{font-size:9px}
.compose-pane textarea{font-size:14px;min-height:165px;margin:13px 0;line-height:1.9;padding:10px}
.composer-footer{gap:10px}
.composer-footer>span{font-size:8px}
.composer-footer .system-button{font-size:11px;min-height:34px;padding:6px 11px}
.drop-area{padding:21px 13px;margin-top:17px;gap:6px}
.drop-area>.icon{height:22px;width:22px}
.drop-area>b{font-size:11px}
.drop-area>p{font-size:9px}
.drop-area>.system-button{font-size:11px;min-height:32px;margin-top:8px}
.compose-pane>.quiet{font-size:9px;line-height:1.9;margin-top:12px}
.pane-heading{padding-bottom:12px}
.pane-heading h2{font-size:15px}
.pane-heading>span{font-size:11px}
.clipboard-item{padding:17px 0}
.clip-text-body{font-size:13px;line-height:1.95}
.clip-item-label{font-size:9px;margin-bottom:12px}
.clip-item-label>small{font-size:8px}
.clip-actions>button{font-size:10px;min-height:30px}
.attached-file b{font-size:12px}
.attached-file div>span{font-size:10px}

.system-dialog{width:calc(100% - 28px);max-height:90svh;box-shadow:3px 3px 0 #4f4f4d;border-width:1px}
.dialog-bar{height:30px}
.dialog-bar>button{width:17px;height:17px;font-size:16px;top:6px}
.detail-sheet{grid-template-columns:1fr}
.detail-sidebar{display:grid;grid-template-columns:63px minmax(0,1fr);gap:6px 16px;align-items:center;padding:18px 20px;border-right:0;border-bottom:1px solid #d1d1cf}
.detail-art{grid-row:1/3;grid-column:1;min-height:0;margin:0}
.detail-art>img{height:86px;width:59px;box-shadow:2px 3px #cacac8}
.detail-art.music{min-height:0;height:70px}
.detail-art.music>img{width:61px;height:61px}
.detail-sidebar>.pixel-label{align-self:end;font-size:14px}
.detail-rating{grid-column:2;margin:0;font-size:30px;align-self:start}
.detail-rating small{font-size:14px}
.detail-main{padding:21px 22px 27px}
.detail-main h2{font-size:24px;line-height:1.5}
.detail-kicker{font-size:9px;margin-bottom:9px}
.detail-kicker .item-state{font-size:10px}
.detail-author{font-size:11px;margin-top:7px}
.detail-note{margin-top:22px;padding-top:17px}
.detail-note h3{font-size:11px;margin-bottom:12px}
.detail-note p{font-size:14px;line-height:2.05}
.detail-properties{margin-top:16px;padding:12px 0;font-size:10px;gap:20px}
.detail-properties b{font-size:11px}
.detail-footer{padding:8px 12px;font-size:8px;gap:12px}
.detail-footer>span{font-size:8px}
.detail-footer>div{gap:14px}
.detail-footer button{font-size:10px;min-height:31px}
.about-content{padding:23px 23px 26px}
.about-content>h2{font-size:19px;line-height:1.6;margin:12px 0 15px}
.about-content>p:not(.pixel-label){font-size:12px}
.about-content>.quiet{font-size:10px!important}
.about-shortcuts{font-size:10px;gap:10px}
.about-content>.system-button{font-size:11px;min-height:35px}
.dialog-content{padding:22px}
.dialog-content>h2{font-size:22px}
.dialog-content>.quiet{font-size:10px}
.dialog-content>input,.dialog-content>textarea{font-size:16px;padding:10px 11px;line-height:1.8}
.dialog-content>label{font-size:11px}
.form-footer .system-button{font-size:11px;min-height:35px}
.image-dialog #image-content{padding:5px}
.image-dialog p{font-size:9px;padding:11px 9px}
.toast{font-size:11px;max-width:calc(100vw - 28px);padding:10px 14px;bottom:19px;gap:18px}
.toast button{font-size:11px}
.restore-button{margin-top:100px;padding:20px 24px;font-size:12px;gap:17px}
.restore-button>.icon{height:34px;width:34px}
.restore-button span>small{font-size:10px}
.maximized .desktop-workspace{padding:0 0 12px}
.maximized .archive-window{border-left:0;border-right:0;box-shadow:none;min-height:calc(100svh - 45px)}
.maximized .window-layout{min-height:calc(100svh - 104px)}
body[data-density="compact"] .file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
body[data-density="compact"] .file-art{height:162px;padding:25px 13px 19px}
body[data-density="compact"] .file-art>img{height:116px}
body[data-density="compact"] .music .file-art>img{height:auto;width:105px}
body[data-density="compact"] .file-info{padding-top:9px}
}

@media(max-width:370px){.os-bar{padding:0 10px;gap:10px}
.os-brand{font-size:10px;gap:4px}
.os-bar nav :is(a,button){font-size:10px;padding:0 9px}
.os-right{margin-left:auto}
.desktop-workspace{padding-left:7px;padding-right:7px}
.window-caption small{font-size:12px}
.window-caption{padding-left:10px;padding-right:10px;gap:5px}
main{padding:14px 12px 21px}
.heading-line h1{font-size:22px}
.progress-toggle>span:not(.toggle-chevron){max-width:60%;font-size:8px}
.mobile-filters{gap:6px}
.category-tabs>button{padding:5px 7px;font-size:10px;min-height:30px}
.mobile-group{width:88px}
.mobile-group select{font-size:9px;padding-left:4px}
.file-grid{gap:23px 13px}
.file-art{height:180px;padding:25px 12px 21px}
.file-art>img{height:132px}
.file-card.music .file-art>img{width:115px;height:auto}
.file-info h2{font-size:12px}
.file-creator{font-size:10px}
.file-topline{font-size:8px}
.item-state{font-size:8px}
.file-rating{font-size:15px}
.table-title{min-width:136px;gap:7px}
.table-title>img{width:19px;height:28px}
.table-title b{font-size:11px}
.file-table .table-rating{font-size:16px}
.file-table th{font-size:8px}
.file-table td{padding-left:4px;padding-right:4px}
.travel-toolbar .view-switch button{padding:0 10px}
.travel-toolbar .sort-control{width:114px}
.moment-main figure img{height:232px}
.moment-main h2{font-size:20px}
.compose-pane form{padding:15px}
.composer-footer .system-button{font-size:10px;padding:6px 9px}
.composer-footer>span{font-size:7px}
.compose-pane textarea{font-size:13px}
.note-indicator{font-size:8px}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}