:root{--os-font:-apple-system, BlinkMacSystemFont, "Inter", "Helvetica Neue", Arial, sans-serif;--os-wallpaper:#d6d2cb;--os-ink:#1d1d1f;--os-ink-soft:#6e6e73;--os-hairline:#00000017;--os-select:#2f6fe4;--os-win-bg:#fff;--os-titlebar:#f3f1ee;--os-sidebar:#f6f5f3;--os-paper:#fffdf8;--os-glass:#ffffff6b;--os-glass-strong:#faf9f7c7;--os-dark-bg:#1e1e20;--os-dark-title:#2a2a2d;--os-label:var(--os-ink);--os-label-shadow:0 0 6px #fff9;--os-menubar-bg:#ffffff6b;--os-menubar-ink:var(--os-ink);--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.18s;--dur-hover:.34s;--os-label-hover-bg:#ffffff80;--os-blur-ease:cubic-bezier(.4, 0, .2, 1);--os-blur-duration:.7s;--os-shadow-window:0 0 0 .5px #00000038, 0 22px 70px #00000047, 0 6px 18px #0000001f;--os-shadow-inactive:0 0 0 .5px #00000029, 0 12px 36px #00000029}[data-text=light]{--os-label:#fff;--os-label-shadow:0 1px 2px #00000073, 0 0 14px #00000040;--os-menubar-bg:#14141638;--os-menubar-ink:#fff;--os-label-hover-bg:#00000038}:where(.os-icon,.os-file,.os-dock-item,.os-app,.gallery-tile,.viewer-cta,.viewer-nav button,.notes-item,.os-menu-item,.booth-shutter,.booth-cell,.booth-thumb,.os-widget-hover a){cursor:pointer}html.os-no-scroll,html.os-no-scroll body{overscroll-behavior:none;height:100%;overflow:hidden}html.os-no-scroll body{-webkit-tap-highlight-color:transparent;width:100%;position:fixed;inset:0}.os-desktop,.os-phone,.os-lock,.os-window,.os-sheet{font-family:var(--os-font);color:var(--os-ink);-webkit-font-smoothing:antialiased}.os-desktop,.os-phone,.os-lock{background-color:var(--os-wallpaper);background-position:50%;background-size:cover}:where(.os-desktop,.os-phone,.os-window,.os-sheet,.os-lock) :focus-visible{outline:2px solid var(--os-select);outline-offset:2px}.os-wallpaper{background:var(--os-wallpaper);pointer-events:none;position:absolute;inset:0;overflow:hidden}.os-wallpaper-layer{object-fit:cover;-webkit-user-select:none;user-select:none;will-change:opacity;max-width:none;transition:opacity var(--os-blur-duration) var(--os-blur-ease);position:absolute}.os-menubar{background:var(--os-menubar-bg);color:var(--os-menubar-ink);-webkit-backdrop-filter:blur(24px)saturate(1.6);backdrop-filter:blur(24px)saturate(1.6);box-shadow:0 .5px 0 var(--os-hairline)}.os-menu-item{transition:background-color var(--dur-fast) var(--ease-out);border-radius:4px;margin:0 -6px;padding:1px 6px}.os-menu-item:hover{background:#00000014}.os-icon-img{transition:background-color var(--dur-hover) var(--ease-out)}.os-icon-img img,.os-icon-img svg{filter:drop-shadow(0 2px 3px #00000024);transition:filter var(--dur-hover) var(--ease-out)}.os-icon-label{color:var(--os-label);text-shadow:var(--os-label-shadow);transition:background-color var(--dur-hover) var(--ease-out), color var(--dur-fast)}.ic-folder-front,.ic-folder-paper,.ic-notes-page,.ic-notes-under,.ic-booth-strip,.ic-booth-flash,.ic-link-globe{transform-box:fill-box;transition:transform .46s var(--ease-spring), opacity .26s var(--ease-out), filter .26s var(--ease-out)}.ic-folder-front{transform-origin:50% 100%}.ic-folder-paper{transform-origin:50% 100%;transform:translateY(9px)}.ic-notes-page,.ic-notes-under{transform-origin:50% 100%}.ic-booth-flash,.ic-link-globe{transform-origin:50%}@media (hover:hover){.os-icon:hover .os-icon-img img,.os-icon:hover .os-icon-img svg{filter:drop-shadow(0 10px 14px #0000003d)}.os-icon:hover:not([data-selected]) .os-icon-label{background:var(--os-label-hover-bg)}.os-icon:hover .ic-folder-front{transform:scaleY(.84)skew(-5deg)}.os-icon:hover .ic-folder-paper{transform:translateY(-3px)rotate(-5deg)}.os-icon:hover .ic-notes-page{transform:rotate(-7deg)translate(-2px,-2px)}.os-icon:hover .ic-notes-under{transform:rotate(5deg)}.os-icon:hover .ic-booth-strip{transform:translateY(-4px)rotate(5deg)}.os-icon:hover .ic-booth-flash{filter:drop-shadow(0 0 4px #ffe27a);transform:scale(1.6)}.os-icon:hover .ic-link-globe{transform:rotate(30deg)}}.os-icon[data-selected] .os-icon-img{background:#0000001a}.os-icon[data-selected] .os-icon-label{background:var(--os-select);color:#fff;text-shadow:none}.os-file-frame{transition:box-shadow var(--dur-hover) var(--ease-out);background:#fff;padding:6px;box-shadow:0 1px #0000000d,0 8px 22px #0000002e}.os-file:hover .os-file-frame{box-shadow:0 1px #0000000d,0 22px 44px #00000042}.os-widget-hover .os-widget{transition:box-shadow var(--dur-hover) var(--ease-out)}@media (hover:hover){.os-widget-hover:hover .os-widget{box-shadow:0 18px 40px #0003}}.os-widget{font-family:var(--os-font);color:var(--os-ink)}.os-widget--message{background:var(--os-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:18px;padding:12px 14px;box-shadow:0 10px 30px #00000024}.os-widget--reminder{background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 10px 30px #0000001f}.os-widget--focus{color:#fff;background:#3a3a3c;border-radius:999px;padding:10px 22px 10px 10px;box-shadow:0 10px 30px #0003}.os-caret{vertical-align:text-bottom;background:#e8a200;width:1.5px;height:1.05em;margin-left:2px;animation:1.1s step-end infinite os-blink;display:inline-block}@keyframes os-blink{50%{opacity:0}}.os-dock{background:var(--os-glass);-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6);box-shadow:inset 0 0 0 .5px #ffffff8c,0 0 0 .5px #0000001f,0 10px 30px #00000029}.os-dock-tip{background:var(--os-glass-strong);color:var(--os-ink);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 .5px var(--os-hairline), 0 4px 12px #0000001f;opacity:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-hover) var(--ease-spring);transform:translate(-50%,6px)scale(.92)}.os-dock-item:hover .os-dock-tip{opacity:1;transform:translate(-50%)scale(1)}.os-dock-dot{background:#000000b3}.os-tl{transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast), transform var(--dur-fast) var(--ease-spring)}.os-tl:hover{transform:scale(1.15)}.os-tl:active{filter:brightness(.85);transform:scale(.9)}.os-window{background:var(--os-win-bg);box-shadow:var(--os-shadow-inactive)}.os-window--active{box-shadow:var(--os-shadow-window)}.os-titlebar{background:var(--os-titlebar);box-shadow:0 .5px 0 var(--os-hairline)}.os-window--dark{--os-win-bg:var(--os-dark-bg);--os-titlebar:var(--os-dark-title);--os-hairline:#ffffff14;color:#f5f5f7}.os-sheet{background:var(--os-win-bg)}.os-sheet-header{background:var(--os-glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 .5px 0 var(--os-hairline)}.os-window--dark .os-sheet-header{background:var(--os-dark-title)}.os-sheet-back{color:var(--os-select)}.os-window--dark .os-sheet-back{color:#4b9bff}.os-app-icon{background:#ffffff8c;box-shadow:0 2px 8px #0000001f}.os-app-label,.os-statusbar,.os-lock-name{color:var(--os-label);text-shadow:var(--os-label-shadow)}.os-phone-dock{background:var(--os-glass);-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6)}.gallery-intro{border-bottom:.5px solid var(--os-hairline)}.gallery-title{letter-spacing:-.028em;font-size:clamp(30px,4.2vw,44px);font-weight:650;line-height:1.02}.gallery-body{color:var(--os-ink-soft);font-size:15px;line-height:1.6}.gallery-body p+p{margin-top:.8em}.gallery-tile{animation:os-tile-in .62s var(--ease-out) both;animation-delay:calc(var(--i,0) * 45ms + 80ms)}@keyframes os-tile-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}.gallery-thumb{box-shadow:0 0 0 .5px var(--os-hairline);transition:transform .48s var(--ease-spring), box-shadow .48s var(--ease-out);background:#ecebe8;border-radius:8px}.gallery-media{opacity:0;transition:opacity .52s var(--ease-out), transform .9s var(--ease-out)}.gallery-thumb[data-loaded] .gallery-media{opacity:1}.gallery-badge{transition:transform var(--dur-hover) var(--ease-spring)}@media (hover:hover){.gallery-tile:hover .gallery-thumb{box-shadow:0 0 0 .5px var(--os-hairline), 0 18px 36px #00000029;transform:translateY(-4px)}.gallery-tile:hover .gallery-media{transform:scale(1.06)}.gallery-tile:hover .gallery-badge{transform:scale(1.08)}}.gallery-tile:active .gallery-thumb{transition-duration:.16s;transform:scale(.97)}.gallery-tile:focus-visible{outline:none}.gallery-tile:focus-visible .gallery-thumb{box-shadow:0 0 0 2px var(--os-select)}.gallery-name{color:var(--os-ink-soft);transition:color var(--dur-hover) var(--ease-out), transform var(--dur-hover) var(--ease-out)}.gallery-tile:hover .gallery-name{color:var(--os-ink);transform:translateY(-2px)}.gallery-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c}.viewer-stage{background:#f1f0ed}.viewer-info{border-left:.5px solid var(--os-hairline)}.viewer-nav{background:var(--os-glass-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 0 0 .5px var(--os-hairline), 0 6px 16px #0000001a}.viewer-nav button{transition:background-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-spring)}.viewer-nav button:hover{background:#0000000f;transform:scale(1.12)}.viewer-nav button:active{transform:scale(.9)}.viewer-cta{background:var(--os-ink);color:#fff;transition:transform var(--dur-hover) var(--ease-spring), box-shadow var(--dur-hover) var(--ease-out), background-color var(--dur-fast)}.viewer-cta svg{transition:transform var(--dur-hover) var(--ease-spring)}.viewer-cta:hover{background:#000;transform:translateY(-2px);box-shadow:0 10px 22px #00000038}.viewer-cta:hover svg{transform:translate(2px,-2px)}.viewer-cta:active{transition-duration:.12s;transform:scale(.96)}.notes-sidebar{background:var(--os-sidebar);border-right:.5px solid var(--os-hairline)}.notes-item{transition:background-color var(--dur-hover) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.notes-item[data-active]{background:#f8d860}.notes-item:not([data-active]):hover{background:#0000000d;transform:translate(2px)}.notes-item:active{transform:scale(.98)}.notes-paper{background:var(--os-paper)}.notes-back{color:#c99400}.notes-body{font-size:15px;line-height:1.65}.notes-body h1{letter-spacing:-.02em;margin-bottom:.6em;font-size:28px;font-weight:700;line-height:1.1}.notes-body h2{margin:1.4em 0 .4em;font-size:19px;font-weight:650}.notes-body p+p{margin-top:.75em}.notes-body ul{padding-left:1.2em;list-style:outside}.notes-body li+li{margin-top:.25em}.notes-body a{color:var(--os-select);text-underline-offset:2px;text-decoration:underline}.booth{background:var(--os-dark-bg);color:#f5f5f7}.booth-canvas{background:#000;border-radius:8px}.booth-cell{color:#fff;transition:border-color var(--dur-fast) var(--ease-out), background-color var(--dur-fast);border:2px solid #0000}.booth-cell:hover{background:#ffffff0f;border-color:#ffffff80}.booth-cell .booth-cell-label{transition:transform var(--dur-hover) var(--ease-spring)}.booth-cell:hover .booth-cell-label{transform:translateY(-3px)scale(1.08)}.booth-cell[data-active]{border-color:#4b9bff}.booth-cell-label{color:#fff;background:#0000008c}.booth-count{color:#fff;text-shadow:0 4px 30px #00000073}.booth-toolbar{background:var(--os-dark-title);box-shadow:0 -.5px #ffffff14}.booth-shutter{color:#fff;transition:transform var(--dur-hover) var(--ease-spring), box-shadow var(--dur-hover) var(--ease-out);background:#e5463f;box-shadow:inset 0 0 0 3px #ffffff2e,0 4px 14px #e5463f59}.booth-shutter:not(:disabled):hover{transform:scale(1.08);box-shadow:inset 0 0 0 3px #ffffff3d,0 8px 26px #e5463f80}.booth-shutter:not(:disabled):active{transition-duration:.1s;transform:scale(.9)}.booth-segment{background:#ffffff14}.booth-segment button{transition:background-color var(--dur-hover) var(--ease-out)}.booth-segment [data-active]{background:#fff3}.booth-primary,.booth-secondary{transition:transform var(--dur-hover) var(--ease-spring), background-color var(--dur-fast)}.booth-primary:not(:disabled):hover,.booth-secondary:not(:disabled):hover{transform:translateY(-1px)scale(1.03)}.booth-primary:not(:disabled):active,.booth-secondary:not(:disabled):active{transform:scale(.96)}.booth-primary{color:#1d1d1f;background:#f5f5f7}.booth-secondary{color:#f5f5f7;background:#ffffff1f}.booth-tray{background:var(--os-dark-title)}.booth-preview{background:#141416f5}.os-lock-avatar{background:#fff9;box-shadow:0 6px 24px #00000026}.os-lock-input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--os-ink);background:#ffffff73;box-shadow:inset 0 0 0 .5px #fff9}.os-lock-input::placeholder{color:#1d1d1f8c}.os-lock-go{color:var(--os-ink);background:#ffffffb3}@media (prefers-reduced-motion:reduce){:root{--os-blur-duration:0s}:where(.os-desktop,.os-phone,.os-window,.os-sheet) *,:where(.os-desktop,.os-phone,.os-window,.os-sheet) :before,:where(.os-desktop,.os-phone,.os-window,.os-sheet) :after{transition-duration:0s!important;animation-duration:0s!important}.os-caret,.gallery-tile{animation:none}.os-file-frame,.gallery-media,.gallery-thumb,.gallery-name,[class^=ic-],.viewer-cta,.viewer-cta svg,.booth-shutter,.os-tl{transition:none!important}}
