.os-desktop{--bone:#f4ecdc;--paper:#faf6ee;--plastic:#e7ddc8;--plastic-hi:#fffaf0;--plastic-lo:#c4b89c;--ink:#1a1207;--ink-soft:#5b513c;--ink-faint:#8a7e63;--rule:#cabb9c;--poppy:#c5352c;--poppy-soft:#e8d7c0;background:repeating-linear-gradient(45deg,#b4a0780d 0 2px,transparent 2px 4px),radial-gradient(120% 90% at 50% 0%,#f7f0e1 0%,var(--bone)55%,#ece2cc 100%);width:100%;min-height:100vh;color:var(--ink);font-family:var(--font-switzer),system-ui,sans-serif;cursor:default;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}.os-scanlines{pointer-events:none;z-index:50;mix-blend-mode:multiply;opacity:.6;background:repeating-linear-gradient(#281e0a06 0 1px,#0000 1px 3px);animation:6s ease-in-out infinite os-flicker;position:fixed;inset:0}@keyframes os-flicker{0%,to{opacity:.5}50%{opacity:.68}}.os-vignette{pointer-events:none;z-index:49;background:radial-gradient(130% 110% at 50% 45%,#0000 60%,#3c2d121a 100%);position:fixed;inset:0}.os-menubar{z-index:40;background:linear-gradient(to bottom,var(--plastic-hi),#f0e7d3 55%,#e4d9c0);border-bottom:1px solid var(--plastic-lo);height:26px;font-family:var(--font-sligoil),var(--font-switzer),sans-serif;letter-spacing:.04em;-webkit-user-select:none;user-select:none;align-items:stretch;gap:0;padding:0 8px;font-size:11px;display:flex;position:sticky;top:0;box-shadow:inset 0 1px #fffaf0b3,0 2px 4px #3c2d121f}.os-menu{color:var(--ink);cursor:default;border-radius:3px;align-items:center;padding:0 10px;display:flex}.os-menu:hover{background:var(--poppy);color:var(--paper)}.os-menu--name{letter-spacing:.02em;white-space:nowrap;gap:7px;font-weight:700}.os-menu--dim{color:var(--ink-soft)}.os-bite{color:var(--poppy);font-size:12px}.os-menu--name:hover .os-bite{color:var(--paper)}.os-clock{color:var(--ink-soft);font-variant-numeric:tabular-nums;letter-spacing:.06em;align-items:center;margin-left:auto;padding:0 8px;display:flex}.os-screen{justify-content:center;align-items:flex-start;min-height:calc(100vh - 26px);padding:36px 24px 64px;display:flex}.os-window{background:var(--paper);border:1px solid #2a200f;border-radius:5px 5px 4px 4px;flex-direction:column;width:100%;max-width:620px;max-height:min(78vh,660px);display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #fffaf080,2px 3px #4634162e,14px 20px 40px -12px #32240e73}.os-titlebar{border-bottom:1px solid var(--plastic-lo);-webkit-user-select:none;user-select:none;background:linear-gradient(#f6eedb,#e9dfc8 60%,#ddd1b6);flex:none;align-items:center;gap:6px;height:22px;padding:0 7px;display:flex;box-shadow:inset 0 1px #fffaf0cc}.os-titlebar__btn,.os-titlebar__zoom{background:linear-gradient(to bottom,var(--plastic-hi),#d8cbac);border:1px solid #9a8c6a;border-radius:2px;flex:none;width:11px;height:11px;box-shadow:inset 0 1px #fffaf0cc,0 1px 1px #3c2d1240}.os-titlebar__lines{flex-direction:column;flex:auto;gap:2px;min-width:12px;display:flex}.os-titlebar__lines span{background:var(--plastic-lo);height:1px;box-shadow:0 1px #fffaf0b3}.os-titlebar__title{font-family:var(--font-sligoil),var(--font-switzer),sans-serif;letter-spacing:.05em;color:var(--ink);white-space:nowrap;background:linear-gradient(#f6eedb,#e9dfc8 60%,#ddd1b6);flex:none;padding:0 6px;font-size:11px}.os-launcher{border-bottom:1px solid var(--rule);background:linear-gradient(#f3ebd9,#efe6d2);flex:none;align-items:center;gap:10px;padding:9px 12px;display:flex}.os-launcher__label{font-family:var(--font-sligoil),sans-serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:9.5px}.os-launcher__field{background:#fffdf8;border:1px solid #b6a987;border-radius:3px;flex:auto;align-items:center;padding:3px 9px;display:flex;position:relative;box-shadow:inset 1px 1px 2px #4634162e,0 1px #fffaf0e6}.os-launcher__field input{font-family:var(--font-switzer),sans-serif;color:var(--ink);letter-spacing:.01em;background:0 0;border:0;outline:0;flex:auto;font-size:13px}.os-launcher__field input::placeholder{color:var(--ink-faint)}.os-caret{background:var(--ink);width:7px;height:14px;animation:1.06s step-end infinite os-blink;position:absolute;left:10px}.os-launcher__field:focus-within .os-caret{display:none}@keyframes os-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.os-launcher__count{font-family:var(--font-sligoil),sans-serif;letter-spacing:.1em;color:var(--ink-faint);white-space:nowrap;flex:none;font-size:9.5px}.os-colhead{border-bottom:1px solid var(--plastic-lo);font-family:var(--font-sligoil),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);-webkit-user-select:none;user-select:none;background:linear-gradient(#ece2ca,#e2d7bc);flex:none;grid-template-columns:1fr 1.3fr .9fr;gap:8px;padding:4px 14px 4px 36px;font-size:9px;display:grid;box-shadow:inset 0 1px #fffaf0b3}.os-colhead span:nth-child(3){text-align:right}.os-list{background:repeating-linear-gradient(to bottom,transparent 0 26px,#b4a0780b 26px 52px),var(--paper);scrollbar-width:thin;scrollbar-color:var(--plastic-lo)#efe6d2;flex:auto;min-height:0;overflow:hidden auto}.os-list::-webkit-scrollbar{width:15px}.os-list::-webkit-scrollbar-track{border-left:1px solid var(--plastic-lo);background:linear-gradient(90deg,#e7dcc3,#efe6d2)}.os-list::-webkit-scrollbar-thumb{background:linear-gradient(to right,var(--plastic-hi),#d4c6a4);border:1px solid #9a8c6a;border-radius:3px;box-shadow:inset 0 1px #fffaf0cc}.os-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#fffaf0,#c8b994)}.os-folder{font-family:var(--font-sligoil),sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);border-top:1px solid var(--rule);-webkit-user-select:none;user-select:none;background:linear-gradient(#f1e8d4,#0000);align-items:center;gap:7px;padding:7px 14px 5px;font-size:10px;display:flex}.os-folder:first-child{border-top:0}.os-folder__tab{color:var(--poppy);font-size:9px}.os-folder__count{color:var(--ink-faint);letter-spacing:.08em;margin-left:auto}.os-row{color:var(--ink);border-bottom:1px solid #cabb9c66;grid-template-columns:16px 1fr 1.3fr .9fr;align-items:baseline;gap:8px;padding:5px 14px;text-decoration:none;display:grid}.os-row:hover{background:var(--poppy);color:var(--paper)}.os-row:hover .os-row__desc,.os-row:hover .os-row__route,.os-row:hover .os-row__icon{color:var(--poppy-soft)}.os-row__icon{color:var(--ink-faint);align-self:center;font-size:12px;line-height:1}.os-row__name{font-family:var(--font-switzer),sans-serif;letter-spacing:.005em;font-size:13.5px;font-weight:600}.os-row__desc{color:var(--ink-soft);font-size:12px}.os-row__route{font-family:var(--font-sligoil),monospace;letter-spacing:.05em;color:var(--ink-faint);text-align:right;font-size:10px}.os-row--featured{background:linear-gradient(90deg,#fbf2dd,#0000 80%)}.os-row--featured .os-row__name{font-size:15px}.os-row--featured .os-row__icon{color:var(--poppy)}.os-row--featured:hover .os-row__icon{color:var(--poppy-soft)}.os-row--locked{opacity:.55;cursor:default}.os-row--locked:hover{color:var(--ink);background:0 0}.os-row--locked:hover .os-row__desc{color:var(--ink-soft)}.os-empty{text-align:center;font-family:var(--font-romie),serif;color:var(--ink-soft);padding:28px 16px;font-size:15px;font-style:italic}.os-about{border-top:1px solid var(--rule);font-family:var(--font-romie),serif;color:var(--ink-soft);background:linear-gradient(#0000,#f4ebd7);padding:16px 16px 22px;font-size:13px;line-height:1.7}.os-about a{color:var(--ink);border-bottom:1px solid var(--rule);text-decoration:none}.os-about a:hover{color:var(--poppy);border-color:var(--poppy)}.os-dot{color:var(--ink-faint);margin:0 8px}.os-statusbar{border-top:1px solid var(--plastic-lo);font-family:var(--font-sligoil),sans-serif;letter-spacing:.1em;color:var(--ink-faint);-webkit-user-select:none;user-select:none;background:linear-gradient(#ece2ca,#ddd1b6);flex:none;justify-content:space-between;align-items:center;padding:4px 12px;font-size:9.5px;display:flex;box-shadow:inset 0 1px #fffaf0b3}.os-statusbar__hd{color:var(--ink-soft)}@media (max-width:480px){.os-screen{padding:14px 8px 40px}.os-window{max-width:100%;max-height:calc(100vh - 80px)}.os-colhead{grid-template-columns:1fr .7fr;padding-left:32px}.os-colhead span:nth-child(2){display:none}.os-row{grid-template-columns:14px 1fr auto}.os-row__desc,.os-launcher__label{display:none}}
