.mode-toggle-dropdown{z-index:10000;flex-direction:column;align-items:flex-end;display:flex;position:absolute;top:24px;right:24px}.mode-glass-btn{appearance:none;-webkit-backdrop-filter:blur(24px);cursor:pointer;color:#111;background:#ffffff0d;border:1px solid #fff9;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 16px #0000001a,inset 0 1px #fffc}.mode-glass-btn:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 6px 20px #00000026,inset 0 1px #ffffffe6}.mode-glass-btn:active{transform:scale(.95)}.mode-glass-btn:focus-visible{outline-offset:3px;outline:2px solid #2b6cff}.eyes{pointer-events:none;gap:3px;display:flex}.eye{background:#fff;border-radius:50%;width:15px;height:19px;transition:transform 70ms ease-in,border-radius .2s;position:relative;overflow:hidden;box-shadow:0 0 0 1.5px #111,inset 0 -2px #00000014}.pupil{background:#111;border-radius:50%;width:8px;height:9px;transition:transform .12s ease-out;position:absolute;top:calc(50% - 4.5px);left:calc(50% - 4px)}.pupil:after{content:"";background:#fff;border-radius:50%;width:2.5px;height:2.5px;position:absolute;top:1.5px;right:1.5px}.eyes.is-blinking .eye{transform:scaleY(.08)}.eyes.is-happy .eye{border-radius:50% 50% 45% 45%/30% 30% 70% 70%;transform:scaleY(.62)translateY(-3px)}.eyes.is-looking-down .pupil{transform:translateY(4px)!important}.mode-glass-btn:hover .eye{transform:scaleY(1.06)}.eyes-bubble{white-space:nowrap;color:#111;cursor:pointer;opacity:0;visibility:hidden;transform-origin:100%;background:#fff;border-radius:12px;width:max-content;padding:8px 12px;font:500 13px/1.35 Schibsted Grotesk,Helvetica Neue,Helvetica,Arial,sans-serif;transition:opacity .2s,transform .25s cubic-bezier(.34,1.56,.64,1),visibility .2s;position:absolute;top:50%;right:calc(100% + 12px);transform:translate(8px,-50%)scale(.9);box-shadow:0 6px 20px #0000002e,0 0 0 1px #00000014}.eyes-bubble:after{content:"";background:inherit;width:12px;height:12px;margin-top:-6px;position:absolute;top:50%;right:-6px;transform:rotate(45deg);box-shadow:1px -1px #0000000f}.eyes-bubble.is-on{opacity:1;visibility:visible;transform:translateY(-50%)scale(1)}@media (prefers-reduced-motion:reduce){.eye,.pupil,.eyes-bubble{transition:none}}.mode-dropdown-menu{--vs-ink:#1b1b1a;--vs-ink-2:#8b8a86;-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);width:236px;color:var(--vs-ink);opacity:0;visibility:hidden;transform-origin:calc(100% - 28px) -12px;-webkit-font-smoothing:antialiased;background:linear-gradient(#fffffff7,#f5f5f2f7);border-radius:18px;flex-direction:column;gap:2px;padding:6px;font:13px/1.2 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica Neue,Arial,sans-serif;transition:opacity .18s,transform .32s cubic-bezier(.34,1.4,.64,1),visibility .18s;display:flex;position:absolute;top:calc(100% + 12px);right:-4px;transform:translateY(-6px)scale(.94);box-shadow:0 0 0 1px #00000014,inset 0 1px #ffffffe6,0 22px 44px -14px #00000061,0 8px 16px -8px #0003}.mode-dropdown-menu:before{content:"";background:#fffffff7;border-radius:3px 0 0;width:12px;height:12px;position:absolute;top:-6px;right:24px;transform:rotate(45deg);box-shadow:-1px -1px #00000012}.mode-dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.vs-head{letter-spacing:.08em;text-transform:uppercase;color:var(--vs-ink-2);justify-content:space-between;padding:7px 10px 6px;font-size:10.5px;font-weight:600;display:flex}.vs-item{color:inherit;border-radius:12px;outline:none;grid-template-columns:64px 1fr 16px;align-items:center;gap:12px;padding:6px 10px 6px 6px;text-decoration:none;transition:background .15s,box-shadow .15s;display:grid}.vs-item:hover,.vs-item:focus-visible{background:#0000000b}.vs-item:focus-visible{box-shadow:0 0 0 2px #2b6cff}.vs-item:active{background:#00000014}.vs-item.is-current{cursor:default;background:#fff;box-shadow:0 0 0 1px #00000012,0 1px 2px #0000000f}.vs-name{letter-spacing:-.005em;font-size:13.5px;font-weight:600}.vs-state svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.vs-item .vs-state{color:#bdbcb8;transition:transform .2s,color .2s}.vs-item:hover .vs-state,.vs-item:focus-visible .vs-state{color:var(--vs-ink);transform:translate(2px)}.vs-item.is-current .vs-state{color:var(--vs-ink);transform:none}.vs-item.is-current .vs-state circle{fill:var(--vs-ink);stroke:none}.vs-item.is-current .vs-state path{stroke:#fff;stroke-width:1.7px}.mode-dropdown-menu.show .vs-item{animation:.34s cubic-bezier(.34,1.4,.64,1) backwards vs-in}.mode-dropdown-menu.show .vs-item:first-of-type{animation-delay:30ms}.mode-dropdown-menu.show .vs-item:nth-of-type(2){animation-delay:70ms}.mode-dropdown-menu.show .vs-item:nth-of-type(3){animation-delay:.11s}.mode-dropdown-menu.show .vs-item:nth-of-type(4){animation-delay:.15s}@keyframes vs-in{0%{opacity:0;transform:translateY(-4px)}}.vs-thumb{border-radius:8px;width:64px;height:44px;transition:transform .25s cubic-bezier(.34,1.4,.64,1);position:relative;overflow:hidden;box-shadow:0 0 0 1px #0000001f,0 1px 2px #0000001f}.vs-thumb:before,.vs-thumb:after{content:"";position:absolute}.vs-item:hover .vs-thumb,.vs-item:focus-visible .vs-thumb{transform:translateY(-1px)scale(1.05)rotate(-1.5deg)}.vs-thumb--old-computa{background:radial-gradient(95% 55% at 30% 112%,#5ba536 60%,#0000 61%),radial-gradient(80% 45% at 90% 118%,#4b9429 60%,#0000 61%),linear-gradient(#2c6ad6,#86bff3 70%,#b9dcf7)}.vs-thumb--old-computa:before{background:#f4f2e8;border-top:5px solid #1f5fd8;border-radius:3px 3px 1px 1px;width:32px;height:21px;top:8px;left:13px;box-shadow:0 2px 4px #0000004d}.vs-thumb--old-computa:after{background:linear-gradient(90deg,#3c9a3c 0 11px,#2458d6 11px);height:5px;bottom:0;left:0;right:0}.vs-thumb--zine-maker{background:#d9d9d5}.vs-thumb--zine-maker:before{background:linear-gradient(#111,#111) 5px 6px/14px 3px no-repeat,linear-gradient(#111,#111) 5px 11px/18px 3px no-repeat,linear-gradient(#b9b9b4,#b9b9b4) 5px 18px/16px 1px no-repeat,linear-gradient(#b9b9b4,#b9b9b4) 5px 21px/14px 1px no-repeat,linear-gradient(#00000014,#00000014) 25px 0/1px 100% no-repeat,#fdfdfb;width:50px;height:30px;top:7px;left:7px;box-shadow:inset 0 0 0 3px #fdfdfb,inset 0 0 0 4px #ec00ec73,2px 2px #00000059}.vs-thumb--zine-maker:after{background:#5bd179;width:11px;height:23px;top:10px;left:38px;transform:rotate(-4deg);box-shadow:0 1px 2px #00000040}@media (prefers-reduced-motion:reduce){.mode-dropdown-menu,.vs-item,.vs-thumb,.vs-state{transition:none}.mode-dropdown-menu.show .vs-item{animation:none}}html.is-embedded .mode-toggle-dropdown{display:none!important}body.shell{--shell-bg:#eef3e9;--shell-ink:#1b1b1a;--rail:64px;--gap:8px;--dot:44px;grid-template-columns:var(--rail) minmax(0, 1fr);height:100dvh;padding:var(--gap) var(--gap) var(--gap) 0;box-sizing:border-box;background:radial-gradient(120% 90% at 0% 0%, #ffffffb3, transparent 60%), var(--shell-bg);color:var(--shell-ink);grid-template-rows:minmax(0,1fr);margin:0;font:13px/1.2 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Helvetica Neue,Arial,sans-serif;display:grid;overflow:hidden}body.shell>.stage{z-index:1;background:#d9d9d9;border-radius:14px;min-width:0;height:100%;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #11180c1f,0 1px 1px #11180c0d,0 4px 10px -2px #11180c1a,0 22px 44px -18px #11180c52}body.shell>.stage:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff8c}body.shell>.stage iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.rail{z-index:2;flex-direction:column;align-items:center;gap:12px;padding-top:4px;display:flex;position:relative}.shell .mode-toggle-dropdown{align-items:center;position:relative;top:auto;right:auto}.rail-views{flex-direction:column;align-items:center;gap:12px;margin:0;padding:0;list-style:none;display:flex}.rail-dot,.shell .mode-glass-btn{--b-hi:#f6fbf2;--b-mid:#b8d0ac;--b-lo:#557a4d;--b-glow:#3c643252;--bezel:3.5px;width:var(--dot);height:var(--dot);background:linear-gradient(180deg, #ffffff8c, #fff0 45%, #0000001f), conic-gradient(from 215deg, var(--b-hi), var(--b-mid) 16%, var(--b-lo) 30%, var(--b-mid) 44%, var(--b-hi) 56%, var(--b-mid) 70%, var(--b-lo) 84%, var(--b-hi));box-shadow:0 0 0 .5px #00000047, inset 0 1px 0 #ffffffd9, inset 0 -1px 0 #00000038, 0 1px 1px #0000002e, 0 4px 8px -2px var(--b-glow), 0 12px 20px -10px #11180c73;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:50%;padding:0;transition:transform .24s cubic-bezier(.34,1.4,.64,1),box-shadow .24s;display:block;position:relative}.rail-dot:after,.shell .mode-glass-btn:after{content:"";inset:var(--bezel);z-index:2;pointer-events:none;background:radial-gradient(78% 52% at 50% 6%,#ffffffc7,#ffffff29 58%,#fff0 72%),radial-gradient(64% 30% at 50% 104%,#ffffff57,#fff0 70%);border-radius:50%;transition:opacity .2s;position:absolute;box-shadow:inset 0 1.5px 2.5px #0000006b,inset 0 -1px 1.5px #fff6,0 0 0 .5px #0000004d}.rail-art{inset:var(--bezel);width:calc(100% - 2 * var(--bezel));height:calc(100% - 2 * var(--bezel));clip-path:circle(50%);border-radius:50%;position:absolute;overflow:hidden}.rail-item:hover .rail-dot,.shell .mode-glass-btn:hover{box-shadow:0 0 0 .5px #00000047, inset 0 1px 0 #ffffffe6, inset 0 -1px 0 #00000038, 0 2px 2px #00000029, 0 8px 14px -3px var(--b-glow), 0 18px 26px -12px #11180c80;transform:translateY(-1.5px)scale(1.05)}.rail-view:active .rail-dot,.shell .mode-glass-btn:active{transform:translateY(.5px)scale(.96);box-shadow:0 0 0 .5px #0000004d,inset 0 1px #fff9,0 1px 2px #00000040}.rail-view:active .rail-dot:after,.shell .mode-glass-btn:active:after{box-shadow:inset 0 2.5px 4px #00000080,0 0 0 .5px #0000004d}.shell .mode-glass-btn{color:#111;justify-content:center;align-items:center;display:flex}.shell .mode-glass-btn:before{content:"";inset:var(--bezel);background:radial-gradient(circle at 38% 30%,#fff,#f1f4ee 55%,#d8dfd3);border-radius:50%;position:absolute}.shell .eyes{z-index:1;position:relative;transform:scale(.84)}.shell .mode-glass-btn:focus-visible{outline-offset:4px;outline:2px solid #2b6cff}.rail-item{position:relative}.rail-view{width:var(--dot);height:var(--dot);-webkit-tap-highlight-color:transparent;border-radius:50%;outline:none;display:block;position:relative}.rail-view:before{content:"";pointer-events:none;border:2px solid #0000;border-radius:50%;transition:border-color .2s,box-shadow .2s;position:absolute;inset:-5px}.rail-view:after{content:"";background:var(--pip,#557a4d);border-radius:0 3px 3px 0;width:4px;height:0;transition:height .28s cubic-bezier(.34,1.4,.64,1);position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.rail-view[aria-current=page]:before{border-color:color-mix(in srgb, var(--pip,#557a4d) 30%, transparent);box-shadow:0 0 10px 1px color-mix(in srgb, var(--pip,#557a4d) 28%, transparent)}.rail-view[aria-current=page]:after{height:18px}.rail-item:hover .rail-view:not([aria-current]):after{opacity:.45;height:8px}.rail-view:focus-visible:before{box-shadow:none;border-color:#2b6cff;inset:-6px}.rail-view[data-view=old-computa]{--pip:#2a62c9}.rail-view[data-view=zine-maker]{--pip:#d2412b}.rail-dot--old-computa{--b-hi:#eaf2ff;--b-mid:#79a9f2;--b-lo:#1b4aa8;--b-glow:#1b4aa861}.rail-dot--zine-maker{--b-hi:#ffeee9;--b-mid:#f08d77;--b-lo:#b3291a;--b-glow:#b3291a57}.mode-dropdown-menu.rail-card{transform-origin:-14px;pointer-events:none;width:220px;top:50%;left:calc(100% + 14px);right:auto;transform:translate(-6px,-50%)scale(.94)}.mode-dropdown-menu.rail-card:before{border-radius:0 0 0 3px;margin-top:-6px;top:50%;left:-6px;right:auto;box-shadow:-1px 1px #00000012}.rail-card:after{content:"";width:16px;position:absolute;top:0;bottom:0;right:100%}.rail-item:hover .rail-card,.rail-item:focus-within .rail-card{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(-50%)scale(1)}.rail-views.is-quiet .rail-card{opacity:0;visibility:hidden;pointer-events:none}.rail-item:hover .rail-card .vs-item,.rail-item:focus-within .rail-card .vs-item{animation:.34s cubic-bezier(.34,1.4,.64,1) 30ms backwards vs-in}.rail-card .vs-item:not(.is-current){background:#00000009}.shell .mode-dropdown-menu:not(.rail-card){transform-origin:-14px 24px;top:-4px;left:calc(100% + 14px);right:auto;transform:translate(-6px)scale(.94)}.shell .mode-dropdown-menu:not(.rail-card):before{border-radius:0 0 0 3px;top:18px;left:-6px;right:auto;box-shadow:-1px 1px #00000012}.shell .mode-dropdown-menu:not(.rail-card).show{transform:translate(0)scale(1)}.shell .eyes-bubble{transform-origin:0;left:calc(100% + 14px);right:auto;transform:translate(-8px,-50%)scale(.9)}.shell .eyes-bubble:after{left:-6px;right:auto;box-shadow:-1px 1px #0000000f}.shell .eyes-bubble.is-on{transform:translateY(-50%)scale(1)}.mode-dropdown-menu.me-card{gap:2px;width:276px;padding:8px}.me-card:after{content:"";width:16px;position:absolute;top:0;bottom:0;right:100%}.me-head{border-bottom:1px solid #00000012;align-items:center;gap:11px;margin-bottom:2px;padding:6px 8px 10px;display:flex}.me-avatar{object-fit:cover;background:#e9ece6;border-radius:50%;flex:none;width:40px;height:40px;box-shadow:0 0 0 1px #0000001a,0 2px 5px -1px #0003}.me-name{letter-spacing:-.01em;font-size:14.5px;font-weight:650}.me-role{color:var(--vs-ink-2);margin-top:3px;font-size:12px}.me-row{appearance:none;box-sizing:border-box;width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;outline:none;grid-template-columns:30px 1fr auto;align-items:center;gap:11px;padding:7px 10px 7px 7px;text-decoration:none;transition:background .15s,box-shadow .15s;display:grid}.me-row:hover,.me-row:focus-visible{background:#0000000b}.me-row:focus-visible{box-shadow:0 0 0 2px #2b6cff}.me-row:active{background:#00000014}.me-ic{background:linear-gradient(#fff,#eef0ec);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 0 0 1px #00000014,0 1px 2px #00000014,inset 0 1px #fff}.me-ic svg,.me-act svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;display:block}.me-ic svg{width:17px;height:17px}.me-ic svg circle{fill:currentColor;stroke:none}.me-label{letter-spacing:-.005em;flex-direction:column;gap:2px;min-width:0;font-size:13.5px;font-weight:600;display:flex}.me-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--vs-ink-2);font-size:11.5px;font-weight:400;overflow:hidden}.me-act{color:#bdbcb8;font-size:11.5px;font-weight:600;transition:color .2s,transform .2s}.me-act svg{width:14px;height:14px}.me-row:hover .me-act,.me-row:focus-visible .me-act{color:var(--vs-ink)}.me-row:hover .me-out,.me-row:focus-visible .me-out{transform:translate(1px,-1px)}.me-row.is-done .me-act{color:#2f8f4e}.me-sep{background:#00000012;height:1px;margin:4px 8px}.me-random .me-ic{color:#fff;background:linear-gradient(#ff8a6b,#e4402b);box-shadow:0 0 0 1px #961e0a59,0 2px 4px -1px #e4402b80,inset 0 1px #ffffff73}.me-random .me-ic svg{transition:transform .4s cubic-bezier(.34,1.4,.64,1)}.me-random:hover .me-ic svg,.me-random:focus-visible .me-ic svg{transform:rotate(90deg)}.mode-dropdown-menu.me-card.show>*{animation:.34s cubic-bezier(.34,1.4,.64,1) backwards vs-in}.mode-dropdown-menu.me-card.show>:nth-child(2){animation-delay:30ms}.mode-dropdown-menu.me-card.show>:nth-child(3){animation-delay:60ms}.mode-dropdown-menu.me-card.show>:nth-child(4){animation-delay:90ms}.mode-dropdown-menu.me-card.show>:nth-child(6){animation-delay:.12s}@media (prefers-reduced-motion:reduce){.rail-dot,.shell .mode-glass-btn,.rail-card .vs-item,.me-card>*,.me-random .me-ic svg{transition:none;animation:none!important}.rail-item:hover .rail-dot,.shell .mode-glass-btn:hover,.shell .mode-glass-btn:active,.rail-view:active .rail-dot{transform:none}}@media (width<=767px){body.shell{padding:0;display:block}body.shell>.stage{box-shadow:none;border-radius:0;position:fixed;inset:0}body.shell>.stage:after{display:none}.rail{z-index:3;padding:0;position:fixed;top:12px;right:12px}.rail-views{display:none}.shell .mode-dropdown-menu:not(.rail-card){transform-origin:calc(100% - 28px) -12px;top:calc(100% + 12px);left:auto;right:-4px;transform:translateY(-6px)scale(.94)}.shell .mode-dropdown-menu:not(.rail-card):before{border-radius:3px 0 0;top:-6px;left:auto;right:24px;box-shadow:-1px -1px #00000012}.shell .mode-dropdown-menu:not(.rail-card).show{transform:translateY(0)scale(1)}.shell .eyes-bubble{transform-origin:100%;left:auto;right:calc(100% + 12px)}.shell .eyes-bubble:after{left:auto;right:-6px}}