.macintosh .mac-pixel{fill:currentColor;stroke:none}
.mac-pixel .paper{fill:#fffef9}
body.macintosh {
  --ink:#191918;--strong:#191918;--muted:#6b6b65;--paper:#fdfdf8;--field:#fffef9;--panel:#eeeee8;--line:#c4c4b9;--desktop:#aeaea5;--selection:#242421;
  --mac-ui:"Geneva","Arial","PingFang SC",sans-serif;
  background-color:#aaa99f;
  background-image:repeating-conic-gradient(#adaca2 0 25%,#dad9ce 0 50%);
  background-size:4px 4px;
}
.macintosh .os-bar {
  height:33px;gap:20px;padding:0 19px;border-bottom:2px solid var(--ink);background:#fffffa;box-shadow:none;
}
.macintosh .os-brand {min-height:31px;gap:8px;font-family:var(--mac-ui);font-size:12px;letter-spacing:-.02em}
.macintosh .os-brand .icon {width:18px;height:18px}
.macintosh .os-bar nav a {font-size:12px;min-height:31px;padding-inline:12px}
.macintosh .os-bar nav a[aria-current="page"] {background:var(--ink);color:#fffef9}
.macintosh .os-brand[aria-current="page"] .mac-pixel .paper{fill:#191918}
.macintosh .os-right {gap:16px}
.macintosh .version {font:10px/1 var(--mono);color:#67675d;letter-spacing:.04em}
.mac-clock {border-left:1px solid #b4b4a6;padding-left:14px;font:11px/1 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.macintosh .help-button {width:17px;height:17px;box-shadow:none;background:#fffef9;font-size:11px}
.macintosh .help-button::after {inset:-8px}
.mac-system-menus {display:flex;align-items:center;height:100%;margin-left:2px;gap:0}
.mac-menu {height:100%;position:relative}
.mac-menu summary {list-style:none;cursor:pointer;font-size:11px;min-height:31px;display:flex;align-items:center;padding:0 11px}
.mac-menu summary::-webkit-details-marker {display:none}
.mac-menu[open]>summary,.mac-menu summary:hover {background:var(--ink);color:var(--paper)}
.mac-menu-list {position:absolute;top:31px;left:0;z-index:70;width:214px;padding:5px 0;background:var(--paper);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.mac-menu-list button,.mac-menu-list a {display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;font-size:12px;text-align:left;min-height:33px;padding:5px 16px}
.mac-menu-list button:hover,.mac-menu-list a:hover,.mac-menu-list button:focus-visible {background:var(--ink);color:var(--paper);outline:none}
.mac-menu-list kbd {background:transparent;color:inherit;border:0;box-shadow:none;padding:0;font-size:11px}
.mac-menu-list hr {border:0;border-top:1px dotted #95958a;margin:5px 0}
.macintosh .desktop {display:flex;left:10px;right:auto;top:69px;bottom:25px;width:84px;gap:23px}
.macintosh .desktop-app {width:82px;gap:7px}
.macintosh .desktop-app>.icon {width:32px;height:32px;stroke:none;filter:none;fill:currentColor;image-rendering:pixelated}
.macintosh .desktop-app>span {font-family:var(--mac-ui);font-size:10px;background:#efefe7;border:0;padding:0 4px;line-height:1.7}
.macintosh .desktop-app[aria-current="page"]>span {color:#fffffa;background:#1b1b18;outline:1px dotted #1b1b18;outline-offset:2px}
.macintosh .desktop-app:hover>span {outline:1px dotted #1b1b18;outline-offset:2px}
.macintosh .desktop-note {display:none}
.macintosh .readme-app {margin-top:0}
.macintosh .mac-trash-icon {margin-top:auto}
.macintosh .desktop-workspace {padding:21px 25px 25px 110px}
.macintosh .archive-window {border:1px solid #141413;border-radius:3px 3px 0 0;box-shadow:2px 2px 0 #151514;min-height:calc(100svh - 81px);max-width:1500px;overflow:clip}
.macintosh .window-titlebar {height:28px;top:33px;padding:0 10px;gap:12px;border-bottom:1px solid #1b1b17;background:#fdfdf8;isolation:isolate}
.macintosh .window-titlebar::before {content:"";position:absolute;z-index:-1;inset:6px 5px;background:repeating-linear-gradient(to bottom,#77776a 0 1px,transparent 1px 3px)}
.macintosh .window-caption {line-height:25px;padding:0 13px;background:#fdfdf8;font-family:var(--mac-ui);font-size:12px;font-weight:600;gap:6px}
.macintosh .window-caption small {display:none}
.macintosh .window-caption>.icon {height:16px;width:16px;stroke:none}
.macintosh .window-control {width:15px;height:15px;background:#fffef9;border:1px solid #191918;box-shadow:0 0 0 4px #fdfdf8}
.macintosh .minimize-mark {width:9px;height:9px;border:1px solid #7f7f72;background:none}
.macintosh .maximize-mark {height:9px;width:9px;border-color:#191918;border-top-width:2px}
.macintosh .window-control[aria-pressed="true"] .maximize-mark {height:7px;width:7px}
.finder-info {height:24px;border-bottom:1px solid #22221e;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font:10px/1.2 var(--mac-ui);color:#57574f;background:var(--paper)}
.finder-info>span:nth-child(2) {font-size:9px;letter-spacing:.025em;color:#757567}
.finder-disk {display:flex;align-items:center;gap:5px}
.finder-disk .icon {width:12px;height:12px;stroke:none}
.macintosh .window-layout {grid-template-columns:163px minmax(0,1fr);min-height:calc(100svh - 164px)}
.macintosh .sidebar {padding:20px 10px 14px;background:#f0f0e9;border-right:1px solid #bfbfb1}
.macintosh .sidebar-scroll {top:83px}
.macintosh .sidebar-label {margin-left:10px;margin-bottom:10px;font-size:10px;color:#6d6d61}
.macintosh .side-row {padding:6px 8px;min-height:33px;border:0;gap:9px;font-size:12px;line-height:1.4}
.macintosh .side-row .icon {width:18px;height:18px;stroke:none}
.macintosh .side-row small {font:10px var(--mono);color:#67675b}
.macintosh .side-row.selected {background:#242421;color:#fffef9;box-shadow:none}
.macintosh .side-row.selected small {color:#fffef9}
.macintosh .side-row.selected .mac-pixel .paper {fill:#242421}
.macintosh .side-row.selected .mac-pixel {color:#fffef9}
.macintosh .side-row:hover:not(.selected) {background:#e1e1d7}
.macintosh .side-section+.sidebar-label {margin-top:25px}
.macintosh .sidebar-bottom {padding-top:40px;gap:9px}
.macintosh .sidebar-disc {display:none}
.macintosh .sidebar-bottom::before {content:"";width:16px;height:16px;flex:none;background:repeating-conic-gradient(#838376 0 25%,transparent 0 50%) 0 0/4px 4px;border:1px solid #5a5a4f}
.macintosh .sidebar-bottom b {font:10px var(--mono);color:#48483d}
.macintosh .sidebar-bottom div>span {margin-top:5px;font-size:8px;color:#727266}
.macintosh main {padding:16px 23px 29px}
.macintosh .breadcrumb {display:none}
.macintosh .content-heading {min-height:33px;margin-bottom:13px}
.macintosh .heading-line {margin-top:0;gap:13px}
.macintosh .heading-line h1 {font-size:23px;font-weight:600;letter-spacing:-.04em}
.macintosh .heading-subtitle {font-size:11px;color:#727266}
.macintosh .collection-summary {font-size:10px;color:#737365;align-self:center;padding:0}
.macintosh .progress-section {margin-bottom:13px}
.macintosh .progress-toggle {min-height:34px;background:#f0f0e9;border-color:#b5b5a8;box-shadow:inset 1px 1px #fffffb;gap:8px;padding:7px 10px}
.macintosh .progress-toggle>b {font-size:11px}
.macintosh .progress-toggle>span:not(.toggle-chevron) {font-size:10px;color:#6b6b5e}
.macintosh .progress-toggle>.icon {width:12px;height:12px;stroke:none}
.macintosh .browser-toolbar {gap:9px}
.macintosh .search-box {border:1px solid #5e5e52;box-shadow:inset 1px 1px #d7d7ca;background:#fffef9}
.macintosh .search-box>.icon {width:14px;height:14px;stroke:none;color:#66665a}
.macintosh .sort-control select {border:1px solid #7b7b6b;box-shadow:1px 1px #b7b7a7;border-radius:1px;background-color:#fbfbf5;min-width:99px}
.macintosh .view-switch {border:1px solid #35352b;box-shadow:1px 1px #b3b3a4;border-radius:1px}
.macintosh .view-switch button {padding:0 9px;gap:5px}
.macintosh .view-switch .icon {width:12px;height:12px;stroke:none}
.macintosh .view-switch button[aria-pressed="true"] {background:#282824;color:#fffffa}
.macintosh .display-options>summary {border-color:#35352b;box-shadow:1px 1px #b3b3a4}
.macintosh .display-panel {border-color:#22221c;background:#fffef9;box-shadow:2px 2px #22221c}
.macintosh .display-panel p {font-size:10px}
.macintosh .result-line {min-height:32px;font-size:10px;color:#77776a}
.macintosh .file-grid {gap:23px 20px}
.macintosh .file-art {border-color:#b9b9aa;background:#f1f1e9;box-shadow:none;height:194px;padding:24px 17px 22px}
.macintosh .file-art::before {content:"";position:absolute;right:7px;bottom:7px;width:8px;height:8px;background:repeating-conic-gradient(#a4a494 0 25%,transparent 0 50%) 0 0/2px 2px;opacity:.7}
.macintosh .file-art>img {height:148px;box-shadow:1px 1px #4e4e42,3px 3px #d0d0c0;max-width:89%}
.macintosh .file-card.music .file-art>img {height:auto;width:131px}
.macintosh .file-art:hover {border-color:#191918;background:#e9e9de}
.macintosh .file-index {font:9px/1 var(--mono);color:#6a6a5a;top:9px;left:9px}
.macintosh .file-rating {font:14px/1 var(--pixel);bottom:9px;right:10px;padding:2px 4px;background:#f6f6eef2;color:#22221b}
.macintosh .file-rating small {font-size:11px;color:#777766}
.macintosh .file-rating.unrated {font:9px var(--ui);color:#717161}
.macintosh .file-info {padding-top:9px}
.macintosh .file-topline {font-size:10px;color:#7a7a67;min-height:21px}
.macintosh .item-state {color:#60604e;font-size:10px}
.macintosh .file-info h2 {font-size:14px;line-height:1.65;letter-spacing:-.015em}
.macintosh .file-creator {font-size:11px;color:#757562;margin-top:2px}
.macintosh .platform-line {font-size:9px;color:#777762}
.macintosh .file-state-tools .note-indicator>.icon {stroke:none}
.macintosh .file-progress {margin-top:7px}
.macintosh .progress-track {height:5px;border:1px solid #949481;background:#fffef9}
.macintosh .progress-track>i {background:repeating-conic-gradient(#545445 0 25%,#fdfdf5 0 50%) 0 0/2px 2px}
.macintosh .file-progress>span:last-child {font-size:9px}
.macintosh .statusbar {min-height:25px;padding:4px 19px 4px 12px;border-top:1px solid #b2b2a0;background:#f5f5eb;gap:13px;color:#73735e}
.macintosh .statusbar,.macintosh .status-mode,.macintosh .status-center {font-size:9px}
.macintosh .status-mode>i {width:5px;height:5px;background:#424234;box-shadow:none}
.macintosh .resize-mark {display:none}
.macintosh .statusbar::after {content:"";position:absolute;width:10px;height:10px;bottom:2px;right:2px;background:repeating-linear-gradient(135deg,transparent 0 2px,#4b4b3b 2px 3px,transparent 3px 4px);clip-path:polygon(100% 0,100% 100%,0 100%)}
.macintosh .system-button {border-radius:3px;box-shadow:1px 1px #39392e;border-color:#39392e;font-size:12px}
.macintosh .system-button.primary {background:var(--paper);color:var(--ink);border:2px solid var(--ink);box-shadow:0 0 0 2px var(--paper),0 0 0 3px var(--ink);font-weight:600;margin:2px 3px}
.macintosh .system-dialog {border:1px solid #1b1b17;box-shadow:2px 2px #1b1b17;outline:3px solid var(--paper);outline-offset:-6px;background:var(--paper)}
.macintosh .system-dialog::backdrop {background:#22221a66}
.macintosh .dialog-bar {height:31px;background:#fffef9;border-bottom:1px solid #1b1b17;position:relative;isolation:isolate}
.macintosh .dialog-bar::before {content:"";position:absolute;z-index:-1;inset:7px 5px;background:repeating-linear-gradient(to bottom,#939381 0 1px,transparent 1px 3px)}
.macintosh .dialog-bar>span {font-size:11px;background:#fffef9;padding-inline:10px}
.macintosh .dialog-bar>button {background:#fffef9;border:1px solid var(--ink);width:16px;height:16px;line-height:12px;font-size:13px;box-shadow:0 0 0 3px var(--paper)}
.macintosh .detail-art {border:1px solid #b1b19a;background:#f7f7ed}
.macintosh .detail-note h3 {font:11px var(--mac-ui);letter-spacing:0}
.macintosh .detail-note p {font-size:14px;line-height:2.1}
.mac-about {max-width:470px}
.mac-about .dialog-content {padding:35px 30px 29px;text-align:center}
.mac-about-computer {width:80px;height:80px;margin:0 auto 18px;color:#22221b}
.mac-about-computer>.icon {width:80px;height:80px;stroke:none}
.mac-about .dialog-content h2 {font:600 26px/1.2 var(--mac-ui);letter-spacing:-.06em;color:#23231d}
.mac-about .dialog-content .mac-about-edition {margin-top:10px;font:9px var(--mono);letter-spacing:.15em;color:#757561}
.mac-about .dialog-content .mac-about-phrase {font-size:13px;line-height:2;margin:21px 0 15px;color:#62624f}
.mac-about-rules {border-top:1px dotted #a1a18b;border-bottom:1px dotted #a1a18b;margin:18px 0 24px;padding:12px;font-size:11px;line-height:1.9;color:#7b7b67}
.mac-about .dialog-content .system-button {min-width:100px;min-height:31px}
.macintosh .mac-trash-dialog .dialog-content {text-align:center;padding:36px 25px}
.mac-trash-dialog .icon {width:48px;height:48px;stroke:none;margin:0 auto 12px}
.mac-trash-dialog h2 {font-size:19px}
.mac-trash-dialog p {font-size:12px;color:var(--muted);margin:10px 0 24px}
.macintosh[data-page="home"] .home-still-life {display:grid;justify-items:center;text-align:center;gap:21px;padding:30px 0 56px}
.home-mac {color:#27271f;width:104px;height:104px}
.home-mac .icon {width:104px;height:104px;stroke:none}
.macintosh .home-tagline {font-size:14px;letter-spacing:.05em}
.macintosh[data-page="home"] .home-disk-note {font:9px/1.5 var(--mono);letter-spacing:.12em;color:#909077;margin-top:1px}
.macintosh .restore-button {border:1px solid #1b1b17;box-shadow:2px 2px #1b1b17;border-radius:0}
.macintosh.maximized .desktop {display:none}
.macintosh.maximized .desktop-workspace {padding:0}
.macintosh.maximized .archive-window {border-radius:0;box-shadow:none;min-height:calc(100svh - 33px)}
.macintosh.maximized .window-layout {min-height:calc(100svh - 110px)}
@media(min-width:1450px){.macintosh .file-art{height:222px}.macintosh .file-art>img{height:166px}.macintosh .file-card.music .file-art>img{height:auto;width:153px}}
@media(max-width:1150px){.macintosh .os-bar{gap:10px}.mac-system-menus{margin-left:0}.mac-menu summary{padding:0 9px}.macintosh .version{display:none}.macintosh .desktop-workspace{padding-right:20px;padding-left:101px}.macintosh .desktop{left:8px;right:auto}.macintosh .window-layout{grid-template-columns:149px minmax(0,1fr)}.macintosh main{padding-inline:20px}.macintosh .file-grid{gap:23px 16px}.macintosh .file-art{height:176px}.macintosh .file-art>img{height:132px}.macintosh .file-card.music .file-art>img{width:118px;height:auto}.macintosh .view-switch button{padding:0 7px}}
@media(max-width:980px){.mac-system-menus,.mac-clock{display:none}.macintosh .window-layout{grid-template-columns:145px minmax(0,1fr)}.macintosh .desktop{left:6px;right:auto;width:72px}.macintosh .desktop-app{width:71px}.macintosh .desktop-workspace{padding-left:91px;padding-right:16px}.macintosh .file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.macintosh .side-row{font-size:11px}.macintosh .side-row .icon{width:16px;height:16px}.macintosh .file-art{height:180px}.macintosh .file-art>img{height:135px}.macintosh .collection-summary{display:none}}
@media(max-width:800px){.macintosh .desktop{display:none}.macintosh .desktop-workspace{padding:17px 15px 20px}.macintosh .file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.macintosh .file-art{height:178px}.macintosh .file-art>img{height:131px}.macintosh .file-card.music .file-art>img{height:auto;width:111px}.macintosh .heading-line h1{font-size:21px}.macintosh .heading-subtitle{font-size:10px}.macintosh .view-switch button{padding:0 8px}}
@media(max-width:640px){.macintosh .window-layout{grid-template-columns:minmax(0,1fr)}.macintosh .sidebar{display:none}.macintosh .desktop-workspace{padding:12px 10px 15px}.macintosh .archive-window{min-height:calc(100svh - 61px)}.macintosh .window-layout{min-height:calc(100svh - 138px)}.macintosh .os-bar{padding-inline:14px;gap:15px}.macintosh .os-right{gap:8px}.macintosh .os-brand{font-size:11px;gap:6px}.macintosh .os-bar nav a{padding-inline:10px;font-size:11px}.macintosh .finder-info{padding-inline:12px;height:22px;font-size:9px}.finder-info>span:nth-child(2){font-size:8px}.macintosh .window-titlebar{height:27px;padding:0 9px}.macintosh .window-caption{font-size:11px;line-height:23px;padding:0 11px}.macintosh .window-caption .icon{width:14px;height:14px}.macintosh main{padding:16px 15px 25px}.macintosh .content-heading{min-height:27px;margin-bottom:12px}.macintosh .heading-line h1{font-size:23px}.macintosh .heading-subtitle{display:none}.macintosh .progress-toggle{min-height:35px}.macintosh .progress-toggle>b{font-size:11px}.macintosh .progress-toggle>span:not(.toggle-chevron){font-size:10px}.macintosh .category-tabs>button{font-size:11px;min-height:34px;padding:5px 8px}.macintosh .category-tabs>button[aria-pressed="true"]{color:#fffef9;background:#242421;border-color:#242421}.macintosh .mobile-group{width:96px}.macintosh .mobile-group select{font-size:10px}.macintosh .browser-toolbar{gap:9px}.macintosh .search-box input{font-size:16px}.macintosh .search-box input::placeholder{font-size:12px}.macintosh .sort-control select{font-size:10px;height:35px;min-width:108px}.macintosh .view-switch button{padding:0 8px;min-width:36px}.macintosh .file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.macintosh .file-art{height:187px;padding:24px 12px 22px}.macintosh .file-art>img{height:136px;max-width:94%}.macintosh .file-card.music .file-art>img{width:125px;height:auto}.macintosh .file-info h2{font-size:14px}.macintosh .file-creator{font-size:11px}.macintosh .file-topline{font-size:10px;min-height:22px}.macintosh .item-state{font-size:10px}.macintosh .file-rating{font-size:15px}.macintosh .result-line{font-size:10px;min-height:34px}.macintosh .display-options>summary{height:35px}.macintosh .statusbar{min-height:27px}.macintosh .status-center{display:none}.macintosh .statusbar,.macintosh .status-mode{font-size:9px}.macintosh .status-mode{margin-left:auto}.macintosh .table-title>img{width:23px;height:30px}.macintosh .review-excerpt{font-size:13px}.macintosh .home-mac,.macintosh .home-mac .icon{width:88px;height:88px}.macintosh[data-page="home"] .home-still-life{padding-bottom:36px;gap:22px}.macintosh .home-tagline{font-size:13px}.macintosh .mac-about .dialog-content{padding:27px 22px}.macintosh .mac-about-computer,.macintosh .mac-about-computer>.icon{width:64px;height:64px}}
@media(max-width:370px){.macintosh .os-bar{gap:12px;padding-inline:12px}.macintosh .os-brand{font-size:10px;gap:4px}.macintosh .os-brand .icon{width:16px;height:16px}.macintosh .os-bar nav a{padding-inline:9px;font-size:10px}.macintosh .desktop-workspace{padding-inline:7px}.macintosh main{padding-inline:12px}.macintosh .file-grid{column-gap:12px}.macintosh .file-art{height:173px;padding-inline:10px}.macintosh .file-art>img{height:124px}.macintosh .file-card.music .file-art>img{width:110px;height:auto}.macintosh .file-info h2{font-size:13px}.macintosh .item-state,.macintosh .file-topline{font-size:9px}.macintosh .category-tabs>button{font-size:10px;padding-inline:7px}.macintosh .mobile-group{width:85px}.macintosh .finder-info>span:nth-child(2){display:none}.macintosh .finder-info{font-size:9px}}

.mac-menu-list button:disabled{opacity:.45;cursor:default;background:transparent;color:inherit}
.mac-about-guides{margin:0 0 20px;color:var(--muted);font-size:11px;text-align:left}
.mac-about-guides>summary{cursor:pointer;text-align:center;min-height:28px;padding:5px}
.mac-about-guides .about-shortcuts{margin:9px 0 0;padding:10px 0;border-top:1px dotted var(--line);font-size:10px}
.mac-about-guides p{font-size:11px;line-height:1.8;margin:8px 0 0}
@media(max-width:640px){
.macintosh .browser-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px 8px}
.macintosh .browser-toolbar>.search-box{grid-column:1/-1;min-width:0;width:100%}
.macintosh .browser-toolbar>.sort-control{width:auto;min-width:0;margin-right:0}
.macintosh .browser-toolbar>.sort-control select{min-width:0;width:100%}
}