@font-face{font-family:René;src:url(/fonts/Rene-Regular-Desktop.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--a7-paper:#f4f1ea;--a7-bone:#fbfaf8;--a7-linen:#ece7dd;--a7-rice:#e4dfd3;--a7-ink:#1c1917;--a7-espresso:#292524;--a7-smoke:#44403c;--a7-ash:#78716c;--a7-stone:#a8a29e;--a7-hairline:#d6d3d1;--a7-terracotta:#b5654a;--a7-terracotta-deep:#8f4a35;--a7-terracotta-wash:#e8d4cc;--a7-sage:#7c8a6e;--a7-sage-deep:#5c6a52;--a7-sage-wash:#d9ddd0;--a7-success:var(--a7-sage);--a7-danger:#a34a2e;--a7-info:#5a6878;--fg-1:var(--a7-ink);--fg-2:var(--a7-espresso);--fg-3:var(--a7-smoke);--fg-4:var(--a7-ash);--fg-placeholder:var(--a7-stone);--bg-1:var(--a7-bone);--bg-2:var(--a7-paper);--bg-3:var(--a7-linen);--bg-4:var(--a7-rice);--border-hairline:var(--a7-hairline);--border-strong:var(--a7-smoke);--accent:var(--a7-terracotta);--accent-fg:var(--a7-bone);--accent-2:var(--a7-sage);--font-display:"René", "Cormorant", Georgia, serif;--font-headline:"René", "Playfair Display", Georgia, serif;--font-masthead:"René", "Cinzel", serif;--font-body-serif:"René", "Old Standard TT", Georgia, serif;--font-mono:"Special Elite", "Courier New", monospace;--font-sans:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-base:1rem;--fs-md:1.0625rem;--fs-lg:1.25rem;--fs-xl:1.5rem;--fs-2xl:1.875rem;--fs-3xl:2.5rem;--fs-4xl:3.5rem;--fs-5xl:5rem;--lh-tight:1.1;--lh-snug:1.3;--lh-normal:1.5;--lh-relaxed:1.75;--lh-loose:1.85;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.08em;--tracking-wider:.18em;--tracking-widest:.32em;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-8:3rem;--sp-10:4rem;--sp-12:6rem;--sp-16:8rem;--sp-20:10rem;--r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-xl:24px;--r-2xl:32px;--r-pill:999px;--shadow-hairline:0 0 0 1px var(--border-hairline);--shadow-sm:0 1px 2px #1c19170a, 0 1px 1px #1c191708;--shadow-md:0 4px 12px #1c19170f, 0 1px 2px #1c19170a;--shadow-lg:0 18px 40px -12px #1c19171f, 0 4px 10px #1c19170d;--shadow-inset:inset 0 1px 0 #ffffff80;--texture-paper:url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");--texture-paper-strong:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.08'/%3E%3C/svg%3E");--ease-quiet:cubic-bezier(.2, .8, .2, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--dur-fast:.14s;--dur-base:.24s;--dur-slow:.48s}.a7-masthead{font-family:var(--font-masthead);font-size:var(--fs-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--fg-3);font-weight:400}.a7-eyebrow{font-family:var(--font-sans);font-size:var(--fs-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--fg-4);font-weight:500}.a7-hero{font-family:var(--font-display);font-size:clamp(2.5rem, 6vw, var(--fs-5xl));line-height:var(--lh-tight);letter-spacing:var(--tracking-widest);color:var(--fg-1);font-weight:400}.a7-h1{font-family:var(--font-display);font-size:var(--fs-4xl);line-height:var(--lh-tight);letter-spacing:var(--tracking-tight);color:var(--fg-1);font-weight:400}.a7-h2{font-family:var(--font-headline);font-size:var(--fs-3xl);letter-spacing:var(--tracking-tight);color:var(--fg-1);font-weight:400;line-height:1.15}.a7-h3{font-family:var(--font-headline);font-size:var(--fs-2xl);line-height:var(--lh-snug);color:var(--fg-1);font-weight:400}.a7-h4{font-family:var(--font-headline);font-size:var(--fs-xl);line-height:var(--lh-snug);color:var(--fg-1);font-weight:400}.a7-lead{font-family:var(--font-sans);font-size:var(--fs-lg);line-height:var(--lh-relaxed);color:var(--fg-2);font-weight:300}.a7-body{font-family:var(--font-sans);font-size:var(--fs-base);line-height:var(--lh-relaxed);color:var(--fg-2)}.a7-body-serif{font-family:var(--font-body-serif);font-size:var(--fs-md);line-height:var(--lh-loose);color:var(--fg-2)}.a7-caption{font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-normal);color:var(--fg-4)}.a7-mono{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.02em;color:var(--fg-3)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-sans);color:var(--fg-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:none;background:#c9c6c0 radial-gradient(80% 60% at 50% 30%,#d4d1cb 0%,#c2bfb8 60%,#b1aea7 100%);overflow:hidden}html{touch-action:none;overscroll-behavior:none;overflow:hidden}.stage{justify-content:center;align-items:center;height:100dvh;min-height:100dvh;padding:40px 20px 80px;display:flex;position:relative;overflow:hidden}.device{aspect-ratio:750/1150;background:linear-gradient(#e8e3d8 0%,#ddd7ca 100%);border-radius:56px 56px 64px 64px;width:min(86vw,720px);margin-top:25px;position:relative;box-shadow:0 60px 80px -30px #28231e73,0 30px 50px -20px #28231e4d,inset 0 2px #ffffff8c,inset 0 -3px #3c32281a,inset 0 0 30px #3c32280a}.device:before{content:"";border-radius:inherit;background-image:var(--texture-paper-strong);opacity:.55;pointer-events:none;mix-blend-mode:multiply;background-size:220px;position:absolute;inset:0}.hangtag{aspect-ratio:1/1.6;z-index:80;cursor:pointer;width:11%;transition:transform .14s var(--ease-quiet), filter .14s var(--ease-quiet);background:linear-gradient(#e8e3d8 0%,#d6d0c2 100%);border:0;border-radius:36% 36% 44px 44px;padding:0;position:absolute;top:-5%;right:4%;box-shadow:0 8px 18px -8px #28231e59,inset 0 2px #ffffff80,inset 0 -2px #3c322814}.hangtag:hover{filter:brightness(1.04)}.hangtag.active{transform:translateY(2px)scale(.97)}.hangtag:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 30%,#f0ece2 0%,#b8b3a6 50%,#6b665b 100%);border-radius:50%;width:50%;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:inset 0 3px 4px #00000080,inset 0 -2px 2px #fff6,0 1px 2px #fff9}.hangtag:before{content:"";aspect-ratio:1;z-index:2;background:#847f73;border-radius:50%;width:22%;position:absolute;top:35%;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 3px #0009}.top-button{aspect-ratio:2.4;cursor:pointer;width:14%;transition:transform 80ms var(--ease-quiet), box-shadow 80ms var(--ease-quiet);z-index:2;background:linear-gradient(#c25a3e 0%,#a04d34 50%,#8a4029 100%);border:none;border-radius:14px 14px 6px 6px;padding:0;position:absolute;top:-1.5%;left:50%;transform:translate(-50%);box-shadow:0 3px 4px #00000040,inset 0 2px #ffffff40,inset 0 -2px #0003}.top-button:hover{filter:brightness(1.05)}.top-button:active,.top-button.pressed{transform:translate(-50%)translateY(3px);box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff26,inset 0 2px 4px #0000004d}.wheel{aspect-ratio:1/1.4;cursor:grab;background:repeating-linear-gradient(#c25a3e 0 3px,#8a4029 3px 5px),linear-gradient(90deg,#a04d34 0%,#c25a3e 50%,#8a4029 100%);border:none;border-radius:8px 0 0 8px;width:5%;padding:0;position:absolute;left:-1.4%;box-shadow:inset 0 2px 4px #0000004d,inset 0 -2px 4px #0000004d,0 4px 8px -2px #0000004d}.wheel.wheel-1{top:16%}.wheel.wheel-2{top:30%}.wheel:active{cursor:grabbing}.screen-frame{background:#1c1917;border-radius:32px;height:56%;padding:4px;position:absolute;top:4%;left:8%;right:5%;box-shadow:inset 0 2px 8px #0009,0 2px 4px #fff6}.screen{background:linear-gradient(135deg,#e9e5d9 0%,#ddd6c5 100%);border-radius:28px;width:100%;height:100%;position:relative;overflow:hidden}.site-previews{border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#e9e5d9 0%,#ddd6c5 100%);position:absolute;inset:0;overflow:hidden}.site-preview{opacity:0;width:100%;height:100%;transition:opacity .32s var(--ease-quiet);pointer-events:none;background:#ddd6c5;border:0;position:absolute;inset:0}.site-preview.visible{opacity:1}.screen.has-preview .blob-art{opacity:.25;transition:opacity .32s var(--ease-quiet)}.blob-art{pointer-events:none;border-radius:inherit;transition:opacity .32s var(--ease-quiet);position:absolute;inset:0;overflow:hidden}.blob-art svg{filter:blur(6px);opacity:.85;width:100%;height:130%;position:absolute;top:-20%;right:-20%}.screen:after{content:"";pointer-events:none;background:linear-gradient(#ffffff59,#fff0);border-radius:28px 28px 0 0;height:22%;position:absolute;top:0;left:0;right:0}.screen-content{z-index:2;scrollbar-width:none;flex-direction:column;gap:14px;height:100%;padding:7% 7% 5%;display:flex;position:relative;overflow-y:auto}.screen-content::-webkit-scrollbar{display:none}.screen-header{opacity:1;max-height:260px;transition:max-height .32s var(--ease-quiet), opacity .24s var(--ease-quiet), transform .32s var(--ease-quiet), margin .32s var(--ease-quiet);flex-direction:column;flex-shrink:0;gap:14px;display:flex;overflow:hidden;transform:translateY(0)}.screen-header.hidden{opacity:0;max-height:0;margin-bottom:-14px;transform:translateY(-8px)}.screen-titlebar{z-index:3;font-family:var(--font-sans);letter-spacing:-.01em;color:#1c1917;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .24s var(--ease-quiet), transform .24s var(--ease-quiet);background:#f4f1ead9;border:1px solid #3c32281a;border-radius:999px;padding:4px 10px;font-size:clamp(11px,1.4vw,14px);font-weight:600;position:absolute;top:10px;left:14px;transform:translateY(-6px)}.screen-titlebar.visible{opacity:1;transform:translateY(0)}.user-monogram{font-family:var(--font-sans);letter-spacing:.04em;font-size:12px;font-weight:700;line-height:1}.menu-scrim{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;animation:scrim-fade .18s var(--ease-quiet);background:#1c191752;position:fixed;inset:0}@keyframes scrim-fade{0%{opacity:0}to{opacity:1}}.hangtag-menu{z-index:100;transform-origin:88% 0;opacity:0;pointer-events:none;width:min(72%,280px);transition:transform .22s var(--ease-quiet), opacity .18s var(--ease-quiet);background:linear-gradient(#1c1917 0%,#25221f 100%);border:1px solid #ffffff0f;border-radius:22px;flex-direction:column;gap:4px;padding:14px;display:flex;position:absolute;top:0;right:2%;transform:scale(.7)translateY(-12px);box-shadow:0 26px 50px -16px #0000008c,0 8px 20px -6px #0000004d,inset 0 1px #ffffff14}.hangtag-menu.open{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}.menu-section-label{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:#f4f1ea73;padding:6px 8px 2px;font-size:9px;font-weight:700}.menu-item{color:#f4f1ea;cursor:pointer;font-family:var(--font-sans);text-align:left;width:100%;transition:background .16s var(--ease-quiet), transform .12s var(--ease-quiet);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:10px;text-decoration:none;display:flex}.menu-item:hover,.menu-item:active{background:#f4f1ea0f}.menu-item.is-active{background:#b5654a2e}.menu-icon{color:#1c1917;background:linear-gradient(#f4f1ea 0%,#d6d3d1 100%);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex;box-shadow:inset 0 1px #ffffff80,0 1px 2px #0000004d}.menu-meta{flex:1;min-width:0;line-height:1.2}.menu-name{letter-spacing:.01em;color:#f4f1ea;font-size:14px;font-weight:600;display:block}.menu-desc{color:#f4f1ea8c;margin-top:1px;font-size:11px;font-weight:400;display:block}.screen-h{font-family:var(--font-sans);letter-spacing:-.03em;color:#1c1917;margin:0;font-size:clamp(22px,4.6vw,44px);font-weight:600;line-height:.96}.screen-sub{font-family:var(--font-sans);color:#1c1917;max-width:60%;margin:0;font-size:clamp(10px,1.5vw,14px);font-weight:400;line-height:1.4}.lower{justify-content:center;align-items:center;display:flex;position:absolute;inset:63% 5% 11%}.index-wheel{--idx-radius:28px;aspect-ratio:1/1.4;perspective:280px;z-index:4;pointer-events:none;width:14%;position:absolute;top:50%;left:2%;transform:translateY(-50%)}.index-wheel-roller{width:100%;height:100%;transform-style:preserve-3d;transition:transform .52s var(--ease-quiet);position:relative}.index-wheel-face{font-family:var(--font-sans);letter-spacing:-.02em;color:#fbfaf8;text-shadow:0 1px 2px #00000073;backface-visibility:hidden;background:repeating-linear-gradient(#0000002e 0 1px,#0000 1px 5px),linear-gradient(90deg,#a04d34 0%,#c25a3e 50%,#8a4029 100%);border-radius:8px;justify-content:center;align-items:center;font-size:clamp(14px,2.6vw,26px);font-weight:700;display:flex;position:absolute;inset:0;box-shadow:inset 0 2px 4px #ffffff2e,inset 0 -2px 4px #00000059,inset 2px 0 4px #0000002e,inset -2px 0 4px #0000002e,0 4px 10px -3px #00000059}.dial-wrap{flex:1;justify-content:center;align-items:center;display:flex}.dial-wrap-center{width:100%;height:100%}.dial{aspect-ratio:1;transform-origin:50%;background:radial-gradient(circle at 30% 30%,#e0dbcd 0%,#c8c2b3 60%,#a8a299 100%);border-radius:50%;width:auto;max-width:100%;height:100%;position:relative;transform:scale(1.33);box-shadow:inset 0 4px 12px #ffffff8c,inset 0 -4px 12px #3c32282e,inset 0 0 0 1px #3c32281a,0 12px 24px -8px #3c322833}.dial:before{content:"";background-image:var(--texture-paper-strong);opacity:.5;mix-blend-mode:multiply;background-size:200px;border-radius:50%;position:absolute;inset:0}.track-h,.track-v{z-index:1;background:linear-gradient(#807a6d 0%,#5a554a 100%);border-radius:4px;position:absolute;box-shadow:inset 0 2px 3px #0006,0 1px #ffffff59}.track-h{height:3px;top:50%;left:28%;right:28%;transform:translateY(-50%)}.track-v{width:3px;top:28%;bottom:28%;left:50%;transform:translate(-50%)}.petal{aspect-ratio:1;pointer-events:none;z-index:0;background:radial-gradient(#ffffff2e 0%,#0000000a 70%,#0000 100%);border-radius:50%;width:36%;position:absolute}.petal.p1{top:6%;left:32%}.petal.p2{top:32%;right:6%}.petal.p3{bottom:6%;left:32%}.petal.p4{top:32%;left:6%}.knob{aspect-ratio:1;cursor:grab;z-index:3;touch-action:none;background:radial-gradient(circle at 30% 25%,#fafaf8 0%,#cfc9bd 35%,#6b665b 75%,#2e2a25 100%);border-radius:50%;width:17%;transition:transform 60ms linear;position:absolute;box-shadow:inset 0 -4px 8px #00000059,inset 0 4px 6px #ffffff73,0 6px 12px -2px #00000059,0 2px 4px #0003}.knob:after{content:"";background:#1c1917;border-radius:2px;width:10%;height:30%;position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 1px #0009}.knob:active{cursor:grabbing}.app-list-panel{touch-action:pan-y}.app-card{touch-action:manipulation}.knob.knob-v{top:18%;left:50%;transform:translate(-50%,-50%)}.knob.knob-h{top:50%;left:75%;transform:translate(-50%,-50%)}@media (max-width:600px){.device{aspect-ratio:750/1150;width:96vw;height:auto;max-height:calc(100dvh - 24px)}.stage{align-items:flex-start;padding:12px 6px}}