:root{--acid:#ceff4a;--paper:#fff;--ink:#080808;--coral:#ff7657;--teal:#277a72;--gold:#e2b83e;--blue:#3f70a8;--rose:#cf3974;--device-h:min(650px, calc(100svh - clamp(44px, 8vw, 96px)))}*{box-sizing:border-box}html{background:var(--acid)}body{background:var(--acid);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}img{width:100%;display:block}.site-shell{place-items:center;min-height:100svh;padding:clamp(22px,4vw,48px);display:grid}.device{width:min(100vw - 32px,316px);height:var(--device-h);background:var(--paper);isolation:isolate;border:1px solid #00000006;border-radius:43px;position:relative;overflow:hidden;box-shadow:0 18px 56px #2d3d001a}.mode-pane{position:absolute;inset:0}.mode-pane[hidden]{display:none!important}.os-device,.plugin-home{background:var(--paper)}.lock-screen,.passcode-screen{z-index:7000;background:var(--paper);overflow:hidden}.lock-screen{touch-action:none;background:var(--paper);animation:.26s ease-out both lock-screen-in}.passcode-screen{animation:.26s cubic-bezier(.2,.75,.25,1) both passcode-screen-in}.passcode-status-time{z-index:5;color:#080808c7;font-size:10px;font-weight:650;line-height:15px;position:absolute;top:23px;left:19px}.os-island{z-index:4;background:var(--ink);border-radius:99px;justify-content:flex-end;align-items:center;width:100px;height:30px;padding-right:12px;display:flex;position:absolute;top:17px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14}.os-island span{background:#275c91;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #151515,0 0 4px #3d8fd1}.lock-island{box-shadow:none}.lock-status-icons{z-index:5;justify-content:flex-end;align-items:flex-end;gap:2px;width:53px;height:15px;display:flex;position:absolute;top:23px;right:18px}.lock-status-icons i{background:#080808c7;border-radius:2px;width:2px}.lock-status-icons i:first-child{height:4px}.lock-status-icons i:nth-child(2){height:7px}.lock-status-icons i:nth-child(3){height:10px}.lock-status-icons em{width:11px;height:8px;margin:0 1px 1px 3px;position:relative;overflow:hidden}.lock-status-icons em:before{content:"";border-top:1.5px solid #080808b8;border-radius:50%;width:10px;height:8px;position:absolute;top:0;left:50%;transform:translate(-50%)}.lock-status-icons em:after{content:"";background:#080808b8;border-radius:50%;width:3px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.lock-status-icons b{border:1px solid #080808b3;border-radius:3px;width:16px;height:8px;margin:0 1px 1px 4px;position:relative}.lock-status-icons b:before{content:"";background:#080808b8;border-radius:1px;position:absolute;inset:1.5px}.lock-status-icons b:after{content:"";background:#08080880;border-radius:0 1px 1px 0;width:1.5px;height:3px;position:absolute;top:2px;right:-3px}.lock-glyph{z-index:3;fill:none;stroke:#080808bd;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px;position:absolute;top:58px;left:50%;transform:translate(-50%)}.lock-clock{z-index:2;text-align:center;position:absolute;top:84px;left:18px;right:18px}.lock-clock p{color:#080808c2;letter-spacing:-.015em;margin:0 0 3px;font-size:13px;font-weight:500}.lock-clock time{letter-spacing:-.065em;font-size:74px;font-weight:250;line-height:.98;display:block}.lock-utilities{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:49px;left:40px;right:40px}.lock-utility{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0808081a;border-radius:50%;place-items:center;width:45px;height:45px;display:grid;position:relative}.flashlight-symbol i{background:#080808c7;border-radius:2px 2px 4px 4px;width:9px;height:15px;position:relative}.flashlight-symbol i:before{content:"";background:#080808c7;border-radius:2px 2px 1px 1px;width:13px;height:5px;position:absolute;top:-4px;left:-2px}.camera-symbol i{border:1.7px solid #080808c7;border-radius:3px;width:17px;height:12px;position:relative}.camera-symbol i:before{content:"";background:#080808c7;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-4px;left:4px}.camera-symbol i:after{content:"";border:1px solid #080808c7;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:6px}.open-passcode{z-index:4;color:#080808b8;letter-spacing:.01em;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;min-width:150px;min-height:44px;padding:8px 16px 12px;font-size:9px;font-weight:600;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.open-passcode>span{border-top:1.4px solid;border-left:1.4px solid;width:7px;height:7px;transform:rotate(45deg)}.passcode-panel{z-index:3;text-align:center;width:248px;position:absolute;top:116px;left:50%;transform:translate(-50%)}.passcode-panel>p:first-child{letter-spacing:-.025em;outline:none;margin:0;font-size:16px;font-weight:600}.passcode-dots{justify-content:center;align-items:center;gap:16px;height:30px;margin-top:12px;display:flex}.passcode-dots span{background:0 0;border:1.2px solid #080808b8;border-radius:50%;width:10px;height:10px}.passcode-dots span[data-filled=true]{background:var(--ink)}.passcode-error{color:#b53220;min-height:16px;margin:0 0 9px;font-size:10px}.passcode-keypad{grid-template-columns:repeat(3,62px);justify-content:center;gap:13px 18px;display:grid}.passcode-keypad button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:62px;height:62px;color:var(--ink);cursor:pointer;background:#08080818;border:0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;padding:6px 0 4px;display:flex;box-shadow:inset 0 1px #ffffffb8}.passcode-keypad button:active{background:#08080833;transform:scale(.97)}.passcode-keypad strong{font-size:25px;font-weight:350;line-height:.95}.passcode-keypad small{letter-spacing:.18em;min-height:8px;margin-top:3px;font-size:7px;font-weight:600;line-height:1}.passcode-panel[data-error=true] .passcode-dots{animation:.32s ease-in-out passcode-shake}.passcode-actions{z-index:4;color:#080808c2;justify-content:space-between;align-items:center;min-height:44px;font-size:10px;font-weight:500;display:flex;position:absolute;bottom:35px;left:34px;right:34px}.passcode-actions button{min-width:56px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.home-indicator{z-index:4;background:#080808c2;border-radius:99px;width:108px;height:4px;position:absolute;bottom:11px;left:50%;transform:translate(-50%)}@keyframes lock-screen-in{0%{opacity:0}to{opacity:1}}@keyframes passcode-screen-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes passcode-shake{0%,to{transform:translate(0)}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-6px)}80%{transform:translate(4px)}}.plugin-home{z-index:5;overflow:hidden}.home-status{z-index:5;justify-content:space-between;align-items:center;height:30px;font-size:10px;font-weight:700;display:flex;position:absolute;top:17px;left:18px;right:18px}.home-lock-button{z-index:6;cursor:pointer;background:0 0;border:0;width:100px;min-height:44px;padding:7px 0;display:block;position:absolute;top:-7px;left:50%;transform:translate(-50%)}.home-island{width:100%;position:relative;top:auto;left:auto;transform:none}.home-island .home-lock-glyph{width:9px;height:7px;box-shadow:none;background:#fff;border-radius:1.5px;position:relative}.home-island .home-lock-glyph:before{content:"";border:1.2px solid #fff;border-bottom:0;border-radius:5px 5px 0 0;width:6px;height:6px;position:absolute;top:-5px;left:1.5px}.home-lock-button:hover .home-island{background:#151515}.status-signal{justify-content:flex-end;align-items:flex-end;gap:2px;width:32px;height:14px;display:flex}.status-signal i{background:#080808ad;border-radius:2px;width:3px}.status-signal i:first-child{height:5px}.status-signal i:nth-child(2){height:8px}.status-signal i:nth-child(3){height:11px}.home-scroll{z-index:2;overscroll-behavior:contain;scrollbar-width:none;padding:0 17px 18px;position:absolute;inset:57px 0 17px;overflow:hidden auto}.home-scroll::-webkit-scrollbar{display:none}.home-title{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.plugin-apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;width:min(100%,190px);margin:16px auto 0;display:grid}.plugin-app{min-width:0;min-height:84px;color:var(--ink);text-align:center;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:flex-start;align-items:center;gap:6px;padding:0 2px;text-decoration:none;display:flex}.plugin-app>span:last-child{max-width:80px;font-size:8px;font-weight:500;line-height:1.15}.plugin-app-icon{background:#e4e4dd;border:1px solid #0808080f;border-radius:15px;flex:0 0 58px;width:58px;height:58px;display:block;position:relative;overflow:hidden;box-shadow:0 7px 14px #23261d21}.plugin-app-icon img{object-fit:contain;height:100%}.seed-folder-icon{background:#d6d6cfe0;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:7px;display:grid}.seed-folder-icon img{object-fit:cover;border-radius:5px;width:100%;height:100%}.seed-folder-icon img:only-child{grid-area:1/1/-1/-1}.web-instrument-icon{background:#f1f0eb}.web-instrument-icon img{object-fit:cover;width:100%;height:100%}.archive-app-icon{background:#20211f}.archive-app-icon i{border-radius:2px;height:8px;position:absolute;left:11px;right:11px;transform:skew(-8deg)}.archive-app-icon i:first-child{background:var(--coral);top:12px}.archive-app-icon i:nth-child(2){background:var(--teal);top:25px}.archive-app-icon i:nth-child(3){background:var(--acid);top:38px}.home-dock{z-index:6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#b1b1aa7a;border:1px solid #ffffff6b;border-radius:23px;grid-template-columns:repeat(4,1fr);height:70px;padding:5px 7px 4px;display:grid;position:absolute;bottom:14px;left:15px;right:15px;box-shadow:0 9px 24px #282b221f}.home-dock button{min-width:44px;min-height:58px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px 2px;display:flex}.home-dock button:disabled{opacity:.36;cursor:default}.home-dock small{letter-spacing:.015em;font-size:6.5px;font-weight:600}.dock-symbol{background:#20211f;border-radius:9px;width:33px;height:33px;display:block;position:relative;overflow:hidden}.dock-archive{background:linear-gradient(135deg, var(--coral) 0 30%, transparent 31%), linear-gradient(315deg, var(--teal) 0 30%, transparent 31%), #20211f}.dock-live:before{content:"";border-top:8px solid #0000;border-bottom:8px solid #0000;border-left:13px solid var(--paper);position:absolute;top:9px;left:12px}.dock-packs i{border:1px solid #fbfaf8c2;border-radius:2px;width:17px;height:11px;position:absolute;left:8px}.dock-packs i:first-child{top:7px}.dock-packs i:nth-child(2){top:12px}.dock-packs i:nth-child(3){background:var(--gold);top:17px}.dock-music:before{content:"";background:var(--rose);width:3px;height:17px;box-shadow:8px -3px 0 var(--rose);border-radius:2px;position:absolute;top:7px;left:15px}.dock-music i:first-child,.dock-music i:nth-child(2){background:var(--rose);border-radius:50%;width:8px;height:8px;position:absolute;bottom:6px}.dock-music i:first-child{left:10px}.dock-music i:nth-child(2){bottom:9px;left:18px}.archive-pane{z-index:4;background:var(--paper)}.archive-home-button{z-index:3100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;background:#fbfaf8db;border:0;border-radius:50%;grid-template-columns:repeat(2,1fr);gap:3px;width:44px;height:44px;padding:13px;display:grid;position:absolute;top:10px;left:10px;box-shadow:0 5px 16px #191d1317}.archive-home-button span{background:var(--ink);border-radius:1px}.device-scroll{z-index:1;overscroll-behavior:contain;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.device-scroll::-webkit-scrollbar{display:none}.scroll-track{width:100%;position:relative}.depth-stage{width:100%;height:var(--device-h);position:sticky;top:0;overflow:hidden}.capsule-nav{z-index:3000;background:var(--ink);border-radius:99px;align-items:center;width:100px;height:30px;transition:width .26s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:17px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 0 1px #ffffff14}.capsule-nav.is-open{width:250px}.island-toggle{cursor:pointer;background:0 0;border:0;flex:0 0 100px;justify-content:space-between;align-items:center;gap:6px;width:100px;height:30px;padding:0 10px;display:flex}.capsule-mark,.capsule-dot{background:#1d1d1d;border-radius:50%;flex:none;width:7px;height:7px;display:block}.capsule-sensor{background:#1a1a1a;border-radius:99px;flex:none;width:46px;height:3px;display:block}.capsule-dot{background:#275c91;box-shadow:0 0 0 2px #151515,0 0 4px #3d8fd1}.island-dots{justify-content:space-evenly;align-items:center;width:150px;height:100%;padding-right:7px;display:flex}.island-nav-dot{cursor:pointer;background:0 0;border:0;flex:0 0 27px;width:27px;height:27px;padding:0;position:relative}.island-nav-dot:before{content:"";background:#242424;border:1px solid #4e4e4e;border-radius:50%;width:9px;height:9px;transition:background .15s,transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.island-nav-dot:first-child{--dot-color:var(--acid)}.island-nav-dot:nth-child(2){--dot-color:var(--coral)}.island-nav-dot:nth-child(3){--dot-color:var(--gold)}.island-nav-dot:nth-child(4){--dot-color:var(--teal)}.island-nav-dot:nth-child(5){--dot-color:var(--blue)}.island-nav-dot[data-active=true]:before{background:var(--dot-color);transform:translate(-50%,-50%)scale(1.15)}.archive-layer{--layer-y:0px;--layer-scale:1;--layer-opacity:0;width:260px;height:148px;opacity:var(--layer-opacity);transform:translate(-50%, calc(-50% + var(--layer-y))) scale(var(--layer-scale));transform-origin:50%;will-change:transform, opacity;position:absolute;top:52%;left:50%}.archive-layer:after{z-index:3;content:"";opacity:.35;pointer-events:none;border:1px solid #ffffff2e;transition:opacity .14s,box-shadow .14s;position:absolute;inset:0;box-shadow:0 12px 25px #0000000f}.archive-layer[data-focused=true]:after{opacity:.7;box-shadow:0 17px 34px #00000021}.archive-layer.wide{width:266px}.archive-layer.tall{width:210px;height:184px}.layer-image-button{width:100%;height:100%;color:inherit;cursor:zoom-in;background:#e5e3dd;border:0;padding:0;text-decoration:none;display:block;position:absolute;inset:0;overflow:hidden}.layer-image-button img{object-fit:cover;filter:saturate(.96)contrast(1.01);height:100%;transition:filter .16s,transform .22s}.layer-detail-link{cursor:pointer}.archive-layer[data-focused=true] .layer-image-button:hover img{filter:saturate(1.12)contrast(1.03);transform:scale(1.015)}.drift-layer{clip-path:polygon(5% 0,95% 0,91% 100%,9% 100%);height:152px}.colony-layer{clip-path:polygon(10% 0,91% 2%,100% 92%,2% 100%);height:152px}.ecosystem-layer{clip-path:polygon(3% 5%,97% 0,93% 100%,7% 96%);height:150px}.bugnote-layer{clip-path:polygon(8% 0,93% 2%,100% 90%,0 100%);height:184px}.flower-layer{clip-path:polygon(4% 0,96% 2%,100% 95%,2% 100%);height:218px}.archive-layer[data-kind=image]{clip-path:none}.crop-drift{object-position:50% 51%}.crop-colony{object-position:51% 50%}.crop-ecosystem{object-position:50% 52%}.crop-bugnote{object-position:50% 50%}.crop-flower{object-position:50% 47%}.work-modal{z-index:5000;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fbfaf8f0;place-items:center;padding:66px 16px 36px;display:grid;position:absolute;inset:0}.work-modal>img{object-fit:contain;max-width:100%;max-height:72%;box-shadow:0 18px 50px #00000029}.modal-close{background:var(--ink);cursor:pointer;border:0;border-radius:50%;width:42px;height:42px;padding:0;position:absolute;top:18px;right:18px}.modal-close span{background:#fff;width:18px;height:1px;position:absolute;top:20px;left:12px;transform:rotate(45deg)}.modal-close span:last-child{transform:rotate(-45deg)}.modal-pips{display:flex;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.modal-pips button{cursor:pointer;background:0 0;border:0;width:28px;height:28px;padding:0;position:relative}.modal-pips button:before{content:"";background:0 0;border:1px solid #b8b4aa;border-radius:50%;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-pips button[data-active=true]:before{background:var(--ink)}:is(button:focus-visible,a:focus-visible){outline:3px solid var(--blue);outline-offset:3px}@media (max-width:560px){:root{--device-h:min(650px, calc(100svh - 16px))}.site-shell{min-height:100svh;padding:8px}.device{border-radius:40px;width:min(100vw - 16px,316px);box-shadow:0 10px 34px #303e0017}}@media (max-height:540px){:root{--device-h:calc(100svh - 24px)}.site-shell{padding:12px}.device{border-radius:34px;width:min(100vw - 24px,270px)}.archive-layer{top:53%}.lock-clock time{font-size:54px}.passcode-panel{transform-origin:top;top:65px;transform:translate(-50%)scale(.8)}.lock-glyph{top:48px}.lock-clock{top:72px}.lock-utilities{bottom:39px}.open-passcode{bottom:15px}.passcode-actions{bottom:25px;left:26px;right:26px}.home-scroll{padding:0 14px 12px;inset:53px 0 12px}.plugin-apps{row-gap:8px;margin-top:11px}.plugin-app{gap:4px;min-height:67px}.plugin-app-icon{border-radius:12px;flex-basis:46px;width:46px;height:46px}.plugin-app>span:last-child{font-size:7px}.home-dock{border-radius:18px;height:56px;padding:3px 5px 2px;bottom:7px;left:11px;right:11px}.home-dock button{gap:1px;min-height:48px}.dock-symbol{border-radius:7px;width:27px;height:27px;transform:scale(.85)}.home-dock small{font-size:5.5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.archive-layer{--layer-scale:1!important;--layer-opacity:1!important}}