@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital,wght@0,400;1,400&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-base: #B0C4DE;--blob-opacity: 1;--color-ink-night: #0B1220;--color-deep-ink: #1F2937;--color-steel-blue: #4E6170;--color-mist-blue: #7C93A3;--gradient-sky: linear-gradient(to right, #8CA0AF, #5A6E7D);--color-pearl-ash: #F2F4F7;--color-pale-mist: #C4D0DA;--color-cool-mist: #9CAFBF;--color-signal-red: #EF4444;--color-alpine-spruce: #1C4A3E;--space-2: 2px;--space-4: 4px;--space-5: 5px;--space-6: 6px;--space-7: 7px;--space-8: 8px;--space-9: 9px;--space-10: 10px;--space-11: 11px;--space-14: 14px;--space-15: 15px;--space-17: 17px;--space-20: 20px;--space-24: 24px;--radius-s: 8px;--radius-m: 12px;--radius-pill: 980px;--button-focus-ring: #4E6170;--button-primary-bg: #0B1220;--button-primary-bg-hover: #1F2937;--button-primary-bg-active: #4E6170;--button-primary-text: #F6F8FB;--button-secondary-border: rgba(11, 18, 32, .35);--button-secondary-bg-hover: rgba(11, 18, 32, .06);--button-inset-shadow: inset 0 .5px 0 rgba(255, 255, 255, .24), inset 0 0 0 .5px rgba(0, 0, 0, .26), 0 1px 2px rgba(0, 0, 0, .08)}html.dark{--bg-base: #0D1525;--blob-opacity: .25;background-color:#0d1525;color:#f6f8fb}html.dark img,html.dark video,html.dark .no-invert{filter:none}html.dark .grainy-blob{opacity:var(--blob-opacity)!important}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;color:#0b1220}button,a[role=button]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Segoe UI,Roboto,Arial,sans-serif;letter-spacing:normal}button,a[role=button]{border-radius:var(--radius-pill)}.apple-headline{letter-spacing:-.015em;line-height:1.07}.apple-body{letter-spacing:-.022em;line-height:1.47}.font-display{font-family:"Instrument Serif",Georgia,serif}button:focus-visible,a[role=button]:focus-visible,.apple-button:focus-visible{outline:2px solid var(--button-focus-ring);outline-offset:2px}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c4d0da;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9cafbf}.headline-xl{background-image:radial-gradient(circle at 50% 0%,#0b1220,#4e6170 52%,#1f2937);-webkit-background-clip:text;background-clip:text;color:transparent}.apple-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);border-radius:var(--radius-pill);border:1px solid transparent;padding:var(--space-8) var(--space-15);font-size:17px;font-weight:500;line-height:1.235;text-align:center;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease,color .18s ease}.apple-button:active{transform:translateY(.5px)}.apple-button-primary{background:var(--button-primary-bg);color:var(--button-primary-text);border-color:transparent;box-shadow:var(--button-inset-shadow)}.apple-button-primary:hover{background:var(--button-primary-bg-hover)}.apple-button-primary:active{background:var(--button-primary-bg-active)}.apple-button-secondary{background:transparent;color:var(--color-ink-night);border-color:var(--button-secondary-border)}.apple-button-secondary:hover{background:var(--button-secondary-bg-hover)}.apple-button-secondary-inverse{background:#ffffff14;color:#f6f8fb;border-color:#f6f8fb6b}.apple-button-secondary-inverse:hover{background:#ffffff29}.primary-button-gradient{background:var(--button-primary-bg);color:var(--button-primary-text);border:1px solid transparent;box-shadow:var(--button-inset-shadow)}.primary-button-gradient:hover{background:var(--button-primary-bg-hover)}.primary-button-gradient:active{background:var(--button-primary-bg-active)}.secondary-button-style{background:transparent;color:var(--color-ink-night);border:1px solid var(--button-secondary-border);box-shadow:none}.secondary-button-style:hover{background:var(--button-secondary-bg-hover)}@keyframes springFill{0%{transform:scale(0)}50%{transform:scale(1.6)}75%{transform:scale(.9)}to{transform:scale(1)}}.animate-spring-fill{animation:springFill .8s cubic-bezier(.175,.885,.32,1.275) both}@supports (height: 100dvh){.h-screen-safe{height:100dvh}}@supports not (height: 100dvh){.h-screen-safe{height:100vh}}.pb-tab-bar{padding-bottom:calc(83px + env(safe-area-inset-bottom,0px))}button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}nav button,nav a,.tab-bar button{user-select:none;-webkit-user-select:none}.scroll-touch{-webkit-overflow-scrolling:touch;overscroll-behavior:contain}@supports not (backdrop-filter: blur(1px)){.backdrop-blur-fallback{background:#111111fa!important}}.island-scene-container{perspective:1200px;transform-style:preserve-3d;width:100%;min-height:800px;position:relative;overflow:visible;margin-bottom:2rem}.island-tilt-layer{width:100%;height:800px;transform-style:preserve-3d;position:relative;transition:transform .1s linear}.island-card-wrapper{position:absolute;transform-style:preserve-3d;will-change:transform,opacity,filter;transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),var(--dz, 0)) rotate(calc(var(--dr, 0deg) + var(--idle-rot, 0deg))) translateY(var(--idle-y, 0px));transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .3s ease,filter .3s ease;width:220px;height:260px}.island-scene-container.is-awakened .island-card-wrapper{transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .3s ease,filter .3s ease}.island-card-wrapper:after{content:"";position:absolute;top:-20px;left:-20px;right:-20px;bottom:-40px;z-index:-1}.island-scene-container:has(.island-card-wrapper:hover) .island-card-wrapper:not(:hover):not(.clicked):not(.dismissed){transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),calc(var(--dz, 0) - 10px)) rotate(calc(var(--dr, 0deg) + var(--idle-rot, 0deg))) translateY(var(--idle-y, 0px));opacity:.6;filter:brightness(.97)}.island-card-wrapper:hover:not(.clicked):not(.dismissed){transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),calc(var(--dz, 0) + 60px)) rotate(calc(var(--dr, 0deg) + var(--idle-rot, 0deg))) translateY(calc(var(--idle-y, 0px) - 8px)) scale(1.03);z-index:100}.island-card-wrapper:hover .island-card-inner{background-color:#fff6;box-shadow:0 20px 40px #1f268726;border-color:#fffc}.island-card-wrapper.clicked{transform:translate(-50%,-50%) translateZ(200px) scale(1.15) rotateX(0) rotateY(0) rotate(0)!important;z-index:50;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .2s ease .3s!important}.island-card-wrapper.clicked .island-card-inner{opacity:0;transition:opacity .2s ease .2s}.island-card-wrapper.dismissed{transform:translate(-50%,-50%) translate3d(var(--dx, 0),var(--dy, 0),-150px)!important;opacity:0!important;filter:blur(6px)!important;transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .3s ease,filter .3s ease!important}.island-ground-shadow{position:absolute;bottom:-50px;left:50%;transform:translate(-50%) rotateX(70deg);width:600px;height:600px;background:radial-gradient(circle,#4e617014,#fff0 70%);filter:blur(20px);pointer-events:none}@media(prefers-reduced-motion:reduce){.island-card-wrapper{transition:opacity .3s ease!important;transform:translate(-50%,-50%) translateZ(var(--base-z))!important}.island-card-wrapper.hovered{transform:translate(-50%,-50%) translateZ(var(--base-z)) scale(1.02)!important}.island-card-wrapper.clicked{transform:translate(-50%,-50%) translateZ(var(--base-z)) scale(1.05)!important;opacity:0!important}}@media(max-width:768px){.island-scene-container{min-height:auto}.island-card-wrapper{width:160px;height:200px}.island-tilt-scaler{transform:scale(.65);transform-origin:top center;margin-bottom:-320px;transform-style:preserve-3d}}.island-tilt-scaler{transform-style:preserve-3d}
