:root{color:oklch(32% .023 114);font-synthesis:none;scrollbar-gutter:stable;--paper:oklch(98.5% .009 90);--ink:oklch(32% .023 114);--muted:oklch(50% .023 104);--line:oklch(87% .018 91);--accent:oklch(58% .153 35);--sage:oklch(43% .055 142);--hand:"Gochi Hand", "Segoe Print", cursive;background:oklch(96.5% .012 87);font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}:is(html:has(dialog[open]),body:has(dialog[open])){overflow:hidden}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible,.sphere:focus-visible{outline:3px solid var(--accent);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:2px solid var(--sage);outline-offset:2px}button{transition:background .18s,color .18s,box-shadow .18s}button svg{flex-shrink:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}p{max-width:68ch;line-height:1.65}button{background:0 0;border:0}#app{grid-template-columns:258px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--line);background:oklch(94.7% .015 87);flex-direction:column;min-height:100dvh;padding:35px 22px 18px;display:flex}.wordmark{letter-spacing:-1.8px;align-items:center;gap:9px;font-size:29px;font-weight:700;display:flex}.brand-mark{background:var(--accent);width:31px;height:31px;color:var(--paper);letter-spacing:-3px;border-radius:9px;place-items:center;padding-bottom:5px;padding-right:3px;font-family:Georgia,serif;font-size:28px;font-style:italic;line-height:1;display:grid}.brand-dot{color:var(--accent);align-self:flex-end;margin-bottom:7px;margin-left:-6px;font-size:9px}.brand-note{color:var(--muted);letter-spacing:.2px;margin:9px 0 46px 40px;font-size:12px}.nav-label{letter-spacing:1.7px;color:var(--muted);margin:0 12px 15px;font-size:9px;font-weight:700}nav{gap:7px;display:grid}.nav-item{text-align:left;width:100%;color:var(--muted);border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:12px;display:flex}.nav-item:hover{color:var(--ink);background:oklch(92% .02 87)}.nav-item.active{color:var(--sage);background:oklch(89.8% .025 113);font-weight:650}.nav-item>span{background:oklch(96% .01 100);border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px}.notification-dot,.tiny-dot{color:var(--accent);margin-left:auto;font-size:8px}.gallery-label{justify-content:space-between;align-items:center;margin-top:34px;margin-bottom:12px;display:flex}.icon-button.small{min-width:28px;min-height:28px;padding:3px}.icon-button.small svg{width:15px;height:15px}.gallery-link{text-align:left;border-radius:6px;align-items:center;gap:11px;width:100%;padding:9px 11px;font-size:12px;display:flex}.gallery-link.selected{background:oklch(97% .012 87);font-weight:600}.gallery-swatch{color:oklch(50% .07 60);background:oklch(87% .045 67);border-radius:5px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:19px;display:grid}.swatch-1{background:oklch(89% .04 125)}.swatch-2{background:oklch(90% .04 30)}.new-gallery{color:var(--muted);text-align:left;align-items:center;gap:8px;padding:17px 12px;font-size:11px;display:flex}.new-gallery svg{width:15px}.sidebar-bottom{margin-top:auto;padding-top:80px}.little-note{margin:0 10px 33px}.little-note>span{color:oklch(62% .09 80);font-size:31px}.little-note p{font-family:var(--hand);color:oklch(48% .035 100);margin-top:9px;font-size:19px;line-height:1.3;transform:rotate(-3deg)}.account-button{border-top:1px solid var(--line);text-align:left;align-items:center;gap:9px;width:100%;padding:20px 0 0;font-size:11px;display:flex}.account-button>span:last-child{margin-left:auto}.account-button small,.member-row small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.avatar{width:34px;height:34px;color:var(--ink);background:oklch(84% .035 78);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:600;display:inline-grid}main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:79px;padding:0 46px;font-size:11px;display:flex}.breadcrumb{color:var(--muted);align-items:center;gap:14px;display:flex}.breadcrumb strong{color:var(--ink);font-weight:500}.breadcrumb>span{color:oklch(69% .02 94)}.topbar-right{align-items:center;display:flex}.private-label{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.private-label svg{width:13px;height:13px}.mobile-account{display:none}.demo-banner{color:oklch(43% .03 100);background:oklch(92% .028 91);justify-content:space-between;align-items:center;gap:15px;min-height:36px;padding:7px 46px;font-size:10px;display:flex}.demo-banner button{white-space:nowrap;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.demo-banner svg{width:14px;height:14px}.page-content{flex:1;width:100%;max-width:1460px;margin:0 auto;padding:39px 46px 0}.eyebrow{letter-spacing:2px;color:var(--muted);align-items:center;gap:8px;font-size:9px;font-weight:600;display:flex}.sun-symbol{color:var(--accent);font-size:18px;line-height:1}h1{letter-spacing:-2px;margin:12px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:400;line-height:1.15}.heading-period{color:var(--accent)}.gallery-heading p,.section-heading p{color:var(--muted);font-size:12px}.gallery-actions{align-items:center;gap:19px;padding-top:15px;display:flex}.avatar-stack{padding-left:8px;display:flex}.avatar-stack .avatar{border:2px solid oklch(96.5% .012 87);width:33px;height:33px;margin-left:-8px;font-size:10px}.member-1{background:oklch(83% .045 145)}.member-2{background:oklch(85% .055 46)}.member-3{background:oklch(84% .04 250)}.primary,.secondary{border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:12px 18px;font-size:11px;font-weight:550;line-height:1.35;display:inline-flex}.primary{color:var(--paper);background:var(--accent);border:1px solid #0000}.primary:hover{background:oklch(52% .15 35);box-shadow:0 3px 9px oklch(35% .1 35/.12)}.secondary{border:1px solid var(--line);background:oklch(98% .01 87)}.secondary:hover{background:oklch(92% .02 87);border-color:oklch(79% .03 100)}.primary svg,.secondary svg{width:17px;height:17px}.text-button{align-items:center;gap:8px;padding:8px 0;font-size:11px;display:inline-flex}.text-button:hover{color:var(--accent)}.text-button svg{width:15px;height:15px}.gallery-meta{color:var(--muted);align-items:center;gap:11px;margin-top:25px;font-size:10px;display:flex}.gallery-meta>span{align-items:center;gap:7px;display:inline-flex}.green-dot{background:var(--sage);border-radius:50%;width:5px;height:5px}.meta-divider{background:var(--line);width:1px;height:10px}.gallery-meta .sphere-mode{color:var(--sage);gap:5px;margin-left:auto;font-size:9px}.sphere-mode svg{width:13px;height:13px}.sphere{isolation:isolate;touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;height:min(51vw,520px);min-height:420px;margin:2px -20px 0;position:relative;overflow:hidden}.sphere:active{cursor:grabbing}.orbit{pointer-events:none;border:1px dashed oklch(79% .027 100/.5);border-radius:50%;width:76%;height:65%;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)rotate(-15deg)}.orbit-two{opacity:.55;width:43%;height:88%;transform:translate(-50%,-50%)rotate(42deg)}.orbit-three{opacity:.4;width:53%;height:85%;transform:translate(-50%,-50%)rotate(-42deg)}.polaroid{background:var(--paper);color:var(--ink);border:1px solid oklch(91% .015 87);padding:8px 8px 0;box-shadow:1px 4px 12px oklch(35% .025 90/.12),0 1px 2px oklch(35% .025 90/.08)}.polaroid img{aspect-ratio:1;object-fit:cover;pointer-events:none;background:oklch(87% .03 100);width:100%;display:block}.polaroid>span{font-family:var(--hand);text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:10px 0 12px;font-size:15px;line-height:1.2;display:block;overflow:hidden}.center-memory{z-index:3;width:226px;padding:11px 11px 0;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)rotate(-5deg)}.center-memory img{aspect-ratio:1}.center-memory>span{padding:16px 0 3px;font-size:22px}.center-memory small{color:var(--muted);letter-spacing:.7px;padding:0 0 16px;font-size:8px;display:block}.center-memory:before{content:"";background:oklch(87% .04 80/.72);width:74px;height:25px;position:absolute;top:-12px;left:36%;transform:rotate(-7deg)}.center-memory:hover{box-shadow:0 7px 20px oklch(35% .025 90/.2)}.orbit-memory{will-change:transform;width:133px;position:absolute;top:48%;left:50%}.orbit-memory>span{padding:10px 0 13px;font-size:12px}.orbit-memory:hover,.orbit-memory:focus-visible{box-shadow:0 6px 20px oklch(35% .025 90/.25);opacity:1!important;z-index:6!important}.sphere-label{font-family:var(--hand);color:var(--muted);z-index:0;font-size:18px;position:absolute;top:13%;right:10%;transform:rotate(8deg)}.sphere-spark{color:oklch(62% .08 75);font-size:35px;position:absolute}.spark-one{top:21%;left:21%}.spark-two{font-size:24px;bottom:21%;right:21%}.sphere-controls{z-index:8;white-space:nowrap;align-items:center;gap:14px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.drag-cue{color:var(--muted);font-size:10px}.sphere-controls button{color:var(--muted);border-bottom:1px dotted var(--muted);padding:2px 0;font-size:9px}.center-empty{text-align:center;width:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-empty>span{color:var(--accent);margin-bottom:15px;display:block}.center-empty svg{width:35px;height:35px}.center-empty h2{font:25px/1.25 Georgia,serif}.center-empty p{color:var(--muted);margin-top:12px;font-size:11px}.capture-strip{background:oklch(92.5% .024 109);border:1px solid oklch(85% .025 106);border-radius:8px;align-items:center;gap:17px;padding:23px 24px;display:flex}.film-icon{color:var(--sage);border:1px solid oklch(80% .04 118);border-radius:50%;flex-shrink:0;place-items:center;width:45px;height:45px;display:grid}.film-icon svg{width:23px;height:23px}.capture-copy h2{font-size:13px;font-weight:600}.capture-copy p{color:var(--muted);margin-top:5px;font-size:10px}.shot-counter{text-align:right;white-space:nowrap;margin-left:auto}.shot-counter>span{color:var(--muted);font-size:9px}.shot-counter strong{color:var(--sage);font-weight:600}.shot-dots{gap:4px;margin-bottom:7px;display:flex}.shot-dots i{border:1px solid oklch(74% .04 120);border-radius:2px;width:6px;height:10px}.shot-dots i.unused{background:oklch(54% .06 134);border-color:#0000}.capture-strip .primary{margin-left:6px}.under-strip{justify-content:space-between;align-items:center;gap:10px;padding:14px 4px 26px;display:flex}.under-strip>span{color:var(--muted);align-items:center;gap:6px;font-size:9px;display:flex}.under-strip>span svg{width:11px;height:11px}.under-strip button{color:var(--sage);padding:0;font-size:9px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:20px 46px;font-size:9px;display:flex}footer>span:last-child{align-items:center;gap:7px;display:flex}footer svg{width:11px;height:11px;color:var(--accent)}.loading-state{color:var(--muted);padding:50px 0;font-size:12px}.loading-state>div{background:oklch(90% .018 100);border-radius:5px;width:45%;height:25px;margin-bottom:15px}.loading-state>div:nth-child(2){width:100%;height:280px;margin:35px 0 20px}.section-heading h1{margin-bottom:16px}.privacy-note{color:var(--sage);background:oklch(92% .025 109);border-radius:6px;align-items:center;gap:10px;padding:15px 18px;font-size:12px;display:flex}.privacy-note svg{flex-shrink:0}.memory-grid{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:27px;padding:32px 0 55px;display:grid}.memory-tile{align-self:start;width:100%;max-width:300px;padding:10px 10px 0}.memory-tile small{color:var(--muted);padding-bottom:14px;font:10px DM Sans,sans-serif;display:block}.memory-tile:nth-child(3n+1){transform:rotate(-2deg)}.memory-tile:nth-child(3n+2){transform:rotate(2deg)}.empty{text-align:center;grid-column:1/-1;padding:85px 10px}.empty h2{margin:20px 0 12px;font:28px Georgia,serif}.empty p{color:var(--muted);max-width:410px;margin:0 auto 26px;font-size:13px}.empty-icon{border:1px solid var(--line);width:66px;height:66px;color:var(--sage);border-radius:50%;place-items:center;display:inline-grid}.empty-icon svg{width:28px;height:28px}.welcome{padding-top:90px}.welcome .eyebrow{justify-content:center}.welcome h1{margin:24px 0;font-size:64px}.search-field{border-bottom:1px solid oklch(70% .03 110);align-items:center;gap:12px;padding:15px 0;display:flex}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;padding:4px 0;font-size:15px}.search-field input:focus{outline-offset:7px}.suggestions{flex-wrap:wrap;align-items:center;gap:9px;margin:22px 0 0;display:flex}.suggestions>span{color:var(--muted);margin-right:5px;font-size:10px}.tag{border:1px solid var(--line);background:oklch(94% .02 96);border-radius:20px;padding:6px 11px;font-size:10px;display:inline-block}.tag:hover{border-color:var(--sage)}.tags-list{flex-wrap:wrap;gap:5px;margin-top:20px;display:flex}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);overscroll-behavior:contain;border-radius:12px;width:min(460px,100% - 30px);max-height:calc(100dvh - 40px);padding:26px;overflow:auto;box-shadow:0 20px 80px oklch(25% .03 100/.16)}dialog::backdrop{background:oklch(25% .025 100/.48)}.dialog-top{justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px;display:flex}.dialog-notice{color:var(--ink);background:oklch(91% .026 108);border-radius:6px;margin-bottom:18px;padding:12px 14px;font-size:12px;line-height:1.6}.dialog-top h2{letter-spacing:-.5px;font-family:Georgia,serif;font-size:24px;font-weight:400}.muted{color:var(--muted);margin-bottom:20px;font-size:12px}.stack,form{gap:16px;display:grid}label{gap:7px;font-size:11px;font-weight:550;display:grid}summary{cursor:pointer;padding:9px 0;font-size:12px}details[open] summary{margin-bottom:10px}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--ink);background:oklch(96.5% .012 87);border-radius:5px;min-width:0;padding:11px 12px;font-size:12px}textarea{resize:vertical}.form-row{gap:10px;display:flex}.form-row>button{flex:1}.or-divider{color:var(--muted);align-items:center;gap:12px;font-size:10px;display:flex}.or-divider:before,.or-divider:after{content:"";background:var(--line);flex:1;height:1px}.danger{color:oklch(48% .15 28)}.line-button{color:var(--sage)}.setup-note{text-align:center}.setup-note h3{margin:20px 0 12px;font-size:18px}.setup-note p{color:var(--muted);margin:12px 0 20px;font-size:12px}code{overflow-wrap:anywhere;background:oklch(91% .02 90);border-radius:3px;padding:2px 4px;font-size:11px}.member-list{margin-bottom:22px}.member-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;font-size:12px;display:flex}.member-row button{margin-left:auto}#invite-area{gap:16px;display:grid}.qr{width:200px;margin:auto;display:block}.memory-dialog{width:min(850px,100% - 30px)}.editor-layout{grid-template-columns:minmax(0,1.2fr) minmax(230px,1fr);gap:35px;display:grid}.card-side-label{text-align:center;color:var(--muted);letter-spacing:2px;margin-bottom:14px;font-size:9px}.editor-card{aspect-ratio:5/6;background:oklch(98% .012 90);width:100%;position:relative;box-shadow:0 3px 14px oklch(30% .02 90/.14)}.editor-card>img{object-fit:cover;width:88%;height:73.33%;position:absolute;top:5%;left:6%}.card-writing{font-family:var(--writing-font);resize:none;background:0 0;border:0;border-radius:0;width:86%;height:15%;padding:0;font-size:min(3.3vw,15px);line-height:1.43;position:absolute;top:81.66%;left:7%}.card-writing:focus{outline-offset:5px;outline:1px dashed oklch(68% .04 115)}.card-writing:read-only:focus{outline:0}.card-back .card-writing{height:80%;top:10%}.card-back:before{content:"";border:1px solid var(--line);position:absolute;inset:4%}.back-stamp{font-family:var(--hand);color:var(--muted);font-size:14px;position:absolute;bottom:4%;right:9%}#drawing{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#drawing.drawing-active{pointer-events:auto;touch-action:none;cursor:crosshair}.editor-tools h3{margin:9px 0 11px;font:23px Georgia,serif}.editor-tools label{margin:17px 0 10px}.drawing-tools{border:1px solid var(--line);border-radius:5px;margin-top:16px;display:flex}.tool{flex:1;min-height:35px;padding:9px 6px;font-size:10px}.tool.selected{color:var(--sage);background:oklch(88% .03 115)}.field-hint{color:var(--muted);margin:9px 0 15px;font-size:10px;line-height:1.6}.full-width{width:100%;margin-bottom:8px}.flip-button{margin:20px auto 0;display:flex}.export-tools{border-top:1px solid var(--line);gap:7px;margin-top:22px;padding-top:19px;display:grid}.export-tools h4{margin-bottom:5px;font-size:11px;font-weight:600}.export-tools button{justify-content:flex-start;padding:9px 12px}.departed-note{color:var(--muted);padding:0 7%;font-size:11px;position:absolute;bottom:5%}.camera-dialog{width:min(480px,100% - 30px)}.camera-area{text-align:center}.camera-placeholder{padding:35px 8px 20px}.camera-placeholder>svg{width:42px;height:42px;color:var(--sage)}.camera-placeholder h3,.developing-photo h3{margin:23px 0 15px;font:27px/1.25 Georgia,serif}.camera-placeholder p{color:var(--muted);margin:0 0 20px;font-size:12px}#camera-video,#capture-preview{aspect-ratio:1;object-fit:cover;background:var(--ink);border-radius:6px;width:100%;display:block}.camera-status{color:var(--muted);margin:16px auto;font-size:11px}.shutter{border:2px solid var(--accent);border-radius:50%;width:66px;height:66px;padding:5px}.shutter span{background:var(--accent);border-radius:50%;width:100%;height:100%;display:block}.developing-photo{aspect-ratio:5/6;background:oklch(88% .03 110);flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.developing-photo>span{color:var(--sage);font-size:50px}.developing-photo p{color:var(--muted);margin-bottom:20px;font-size:12px}progress{accent-color:var(--sage);max-width:180px}.unrevealed{aspect-ratio:1;background:oklch(85% .03 110);flex-direction:column;justify-content:center;align-items:center;font-size:40px;display:flex}.unrevealed span{margin-top:15px;font:12px DM Sans,sans-serif}#toast{background:var(--ink);max-width:min(500px,100% - 32px);color:var(--paper);opacity:0;pointer-events:none;z-index:30;border-radius:7px;padding:13px 20px;font-size:12px;line-height:1.6;transition:transform .2s,opacity .2s;position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px)}#toast.show{opacity:1;transform:translate(-50%)}@media (width>=1550px){.sphere{height:580px}.orbit-memory{width:155px}.center-memory{width:255px}}@media (width<=1150px){#app{grid-template-columns:215px minmax(0,1fr)}.sidebar{padding-left:15px;padding-right:15px}.page-content{padding:30px 27px 0}.topbar{padding:0 27px}.demo-banner{padding-left:27px;padding-right:27px}.gallery-actions{gap:9px}.gallery-actions .avatar-stack{display:none}.capture-strip{gap:13px;padding:20px 16px}.film-icon{display:none}.capture-copy h2{font-size:12px}.capture-copy p{max-width:190px}.orbit-memory{width:115px}.center-memory{width:200px}.sphere-label{right:5%}}@media (width<=800px){#app{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:16px 22px 0}.wordmark{font-size:25px}.brand-mark{width:28px;height:28px;font-size:26px}.brand-dot{margin-bottom:6px}.brand-note,.sidebar .nav-label,.gallery-nav,.new-gallery,.sidebar-bottom{display:none}.sidebar nav{justify-content:space-between;gap:8px;margin-top:16px;display:flex}.nav-item{border-radius:5px 5px 0 0;justify-content:center;padding:12px 8px;font-size:11px}.nav-item svg{width:16px;height:16px}.nav-item>span{display:none}.topbar{min-height:52px;padding:0 24px}.mobile-account{margin-left:12px;display:inline-flex}.private-label{font-size:9px}.demo-banner{padding:10px 24px}.page-content{padding:28px 24px 0}.gallery-actions .avatar-stack{display:flex}h1{font-size:40px}.sphere{height:68vw;min-height:460px;max-height:550px}.center-memory{width:210px}.orbit-memory{width:125px}.capture-copy p{max-width:none}footer{padding:20px 24px}}@media (width<=540px){.sidebar{padding:16px 16px 0}.sidebar nav{gap:1px}.nav-item{gap:7px;font-size:10px}.nav-item svg{width:15px;height:15px}.topbar{padding:0 18px}.private-label{display:none}.breadcrumb{gap:9px;font-size:10px}.demo-banner{gap:8px;padding:9px 18px;font-size:9px}.demo-banner>span{max-width:200px}.demo-banner button{font-size:9px}.page-content{padding:26px 18px 0}.gallery-heading{align-items:flex-start;gap:8px}.eyebrow{letter-spacing:1.4px;font-size:8px}h1{letter-spacing:-1.5px;margin-top:10px;font-size:37px}.gallery-heading p{max-width:245px;font-size:11px}.gallery-actions{padding-top:22px}.gallery-actions .avatar-stack{display:none}.gallery-actions .secondary{gap:4px;min-height:36px;padding:8px 11px;font-size:9px}.gallery-actions .secondary svg{width:13px;height:13px}.gallery-meta{gap:8px;margin-top:22px;font-size:8px}.gallery-meta .sphere-mode{font-size:8px}.sphere{height:108vw;min-height:410px;max-height:480px;margin:10px -18px 0}.center-memory{width:168px}.center-memory>span{padding-top:11px;font-size:17px}.center-memory small{padding-bottom:13px;font-size:6px}.orbit-memory{width:91px;padding:5px 5px 0}.orbit-memory>span{padding:7px 0 9px;font-size:9px}.sphere-label{font-size:13px;top:13%;right:6%}.orbit{width:87%}.orbit-two{width:53%}.orbit-three{width:57%}.spark-one{left:15%}.spark-two{right:12%}.capture-strip{grid-template-columns:1fr auto;gap:18px 10px;padding:18px;display:grid}.capture-copy h2{font-size:12px}.capture-copy p{max-width:180px;font-size:9px}.capture-strip .primary{grid-column:1/-1;width:100%;min-height:44px;margin:0;font-size:12px}.shot-dots{gap:3px}.shot-dots i{width:5px;height:9px}.shot-counter>span{font-size:8px}.under-strip{padding:13px 0 25px}.under-strip>span{max-width:185px;font-size:8px;line-height:1.5}.under-strip button{gap:4px;font-size:8px}.under-strip button svg{width:12px}footer{padding:19px 18px;font-size:8px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding-top:26px}.memory-tile{padding:7px 7px 0}.memory-tile>span{font-size:13px}.memory-tile small{font-size:8px}.section-heading p{font-size:11px}.privacy-note{padding:13px;font-size:10px}.editor-layout{grid-template-columns:1fr;gap:22px}.editor-layout>div:first-child{width:100%;max-width:330px;margin:auto}.card-writing{font-size:13px}.dialog-top h2{font-size:22px}dialog{padding:22px}.welcome{padding-top:65px}.welcome h1{font-size:49px}.search-field input{font-size:13px}}.gallery-picker{display:none}.breadcrumb-label{align-items:center;gap:12px;display:inline-flex}.shutter:active{transform:scale(.94)}.shutter:active span{opacity:.8}@media (width<=800px){.breadcrumb{flex:1;min-width:0}.breadcrumb-label,.desktop-gallery-name{display:none}.gallery-picker{border:1px solid var(--line);background:var(--paper);width:100%;min-width:0;max-width:100%;min-height:44px;color:var(--ink);border-radius:8px;padding:8px 30px 8px 10px;font-size:16px;display:block}.topbar-right{flex-shrink:0}.mobile-account{min-width:44px;min-height:44px;margin-left:8px}.camera-dialog{width:min(480px,100% - 16px);max-height:calc(100dvh - 16px);padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom))}.camera-dialog .dialog-top{margin-bottom:12px}.camera-dialog #camera-video,.camera-dialog #capture-preview{width:min(100%,100dvh - 240px);margin-inline:auto}.camera-status{margin:12px auto}.camera-placeholder{padding:16px 4px}.camera-dialog .primary{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--surface:oklch(94.7% .015 87);--selected:oklch(93% .026 38);--accent:oklch(51% .145 35);--ink:oklch(26% .009 70);--muted:oklch(46% .009 70);--line:oklch(87% .018 91);--paper:oklch(98.5% .009 90);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:oklch(96.5% .012 87);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{min-height:100dvh;display:block}#main-content:focus{outline:none}.app-header{border-bottom:1px solid var(--line);background:var(--paper);justify-content:space-between;align-items:center;height:72px;padding:0 40px;display:flex}.wordmark{font-size:27px;display:inline-flex}.header-context{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:40%;font-size:12px;overflow:hidden}.app-nav{z-index:10;gap:8px;width:170px;display:grid;position:fixed;top:108px;left:28px}.app-nav button{min-height:48px;color:var(--muted);border-radius:12px;align-items:center;gap:13px;padding:14px 16px;font-size:14px;display:flex}.app-nav button.active{color:var(--accent);background:var(--selected);font-weight:650}.app-nav button:hover{background:var(--selected)}.page-content{width:min(100%,1200px);max-width:none;margin:0 auto;padding:38px 40px 60px 230px}h1{letter-spacing:-1px;overflow-wrap:anywhere;margin:0;font:700 32px/1.16 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}h2{letter-spacing:-.3px;font-size:18px}.home-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.home-heading p{color:var(--muted);margin-top:8px;font-size:13px}.home-heading .primary{flex-shrink:0}.home-search{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;min-height:54px;padding:0 16px;display:flex}.home-search svg{color:var(--muted);flex-shrink:0}.home-search input{background:0 0;border:0;width:100%;padding:14px 0;font-size:16px}.home-search:focus-within{outline:2px solid var(--accent);outline-offset:2px}.home-search input:focus{outline:none}.search-hint{white-space:nowrap;color:var(--muted);font-size:12px}.collection-toolbar{justify-content:space-between;align-items:center;gap:10px;margin:27px 0 14px;display:flex}.collection-toolbar h2{font-size:16px;font-weight:650}.sort-button{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.sort-button svg{width:17px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;display:grid}.gallery-tile{min-width:0;position:relative}.gallery-open{text-align:left;border-radius:18px;width:100%;padding:0;display:block}.gallery-cover{aspect-ratio:4/3;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.gallery-cover img{object-fit:cover;width:100%;height:100%;display:block}.cover-empty{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:13px;display:flex}.cover-empty svg{stroke-width:1.2px;width:34px;height:34px}.gallery-caption{padding:14px 48px 0 2px}.gallery-caption h2{overflow-wrap:anywhere;font-size:17px;line-height:1.35}.gallery-caption p{color:var(--muted);margin-top:5px;font-size:12px}.icon-button{border-radius:12px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:10px;display:inline-flex}.icon-button:hover{background:var(--surface)}.gallery-more{letter-spacing:2px;position:absolute;bottom:6px;right:-4px}.gallery-navigation{justify-content:space-between;align-items:center;margin:-12px 0 16px;display:flex}.back-button svg{transform:rotate(180deg)}.gallery-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.gallery-heading .secondary{flex-shrink:0}.gallery-heading p,.section-heading p{color:var(--muted);margin-top:12px;font-size:14px}.avatar{background:var(--selected);color:var(--accent)}.demo-banner{color:var(--muted);background:0 0;justify-content:space-between;align-items:center;margin:-14px 0 20px;padding:0;font-size:12px;display:flex}.demo-banner button{color:var(--accent);min-height:44px}button:not(.polaroid):active{transform:scale(.98)}.primary,.secondary{white-space:nowrap;border-radius:12px;min-height:44px;font-size:14px}.primary,.brand-mark{color:#faf8f4}.secondary,input,textarea,select{background:var(--paper)}.secondary:hover,.tool.selected,.tag,.privacy-note,.dialog-notice{background:var(--surface);color:var(--ink)}input,textarea,select{border-radius:10px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted)}label,summary,.muted,.member-row{font-size:14px}.field-hint{font-size:12px}.text-button{min-height:44px;font-size:13px}.section-heading{margin:0 0 24px}.section-heading h1{margin:0}.memory-tile:nth-child(n){transform:none}.memory-tile small{font-family:inherit}.polaroid{color:#34392f;background:#faf8f1}.polaroid small{color:#5a6053}.center-memory>span{padding-bottom:18px}.center-empty h2,.empty h2,.editor-tools h3,.camera-placeholder h3{font-family:inherit;font-size:22px;font-weight:650}.gallery-meta{gap:16px;margin-top:18px;font-size:12px}.capture-strip{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.shot-counter{text-align:left;margin:0}.shot-counter>span{font-size:13px}.shot-counter strong{color:var(--ink);font-size:19px}.action-list{gap:4px;display:grid}.action-list button{text-align:left;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px;font-size:16px;display:flex}.action-list button:hover,.action-list button[aria-pressed=true]{background:var(--selected);color:var(--accent)}.action-list button span{font-size:12px}.cover-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cover-options button{border:2px solid #0000;border-radius:12px;padding:3px}.cover-options button[aria-pressed=true]{border-color:var(--accent)}.cover-options img{aspect-ratio:1;object-fit:cover;border-radius:8px;width:100%;display:block}dialog{border-radius:20px}.dialog-top h2{font:650 22px/1.3 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.profile-page-content{max-width:600px}.profile-identity{align-items:center;gap:16px;margin:32px 0;display:flex}.profile-identity .avatar{width:64px;height:64px;font-size:25px}.profile-identity p{color:var(--muted);overflow-wrap:anywhere;font-size:14px}.profile-identity>div{min-width:0}.profile-identity h2{overflow-wrap:anywhere}.settings-group{border-top:1px solid var(--line);margin:26px 0;padding-top:24px}.settings-group h2{margin-bottom:18px;font-size:16px}.settings-group .primary{justify-self:start}.settings-actions{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.signout-button{padding-inline:12px}.home-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.home-skeleton div{background:var(--surface);border-radius:18px;height:230px}.home-skeleton div:first-child{grid-column:1/-1;height:96px;margin-bottom:8px}#toast{z-index:20;bottom:24px}@media (width<=1023px){.app-header{padding-inline:24px}.app-nav{width:142px;left:12px}.page-content{padding:30px 24px 48px 174px}.search-hint{display:none}.gallery-heading{flex-wrap:wrap}.sphere{min-height:400px}}@media (width<=767px){.app-header{height:62px;padding:0 20px}.wordmark{font-size:25px}.header-context{display:none}.page-content{padding:26px 20px calc(100px + env(safe-area-inset-bottom))}.app-nav{width:100%;padding:8px 16px calc(8px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid;top:auto;bottom:0;left:0}.app-nav button{border-radius:12px;flex-direction:column;justify-content:center;gap:4px;min-height:52px;padding:7px 12px;font-size:11px}.app-nav button.active{background:0 0}.app-nav svg{width:22px;height:22px}h1{letter-spacing:-.8px;font-size:28px}.home-heading{gap:8px;margin-bottom:24px}.home-heading .primary{padding:10px 12px;font-size:12px}.home-heading .primary svg{width:16px}.home-heading p{margin-top:6px;font-size:12px}.home-search{min-height:50px}.gallery-grid{gap:24px 16px}.gallery-caption{padding-top:12px;padding-right:36px}.gallery-caption h2{font-size:15px}.gallery-caption p{font-size:11px}.gallery-more{bottom:0;right:-8px}.cover-empty{text-align:center;gap:9px;padding:12px;font-size:11px}.cover-empty svg{width:28px;height:28px}.gallery-cover{border-radius:14px}.collection-toolbar{margin-top:24px}.collection-toolbar h2{font-size:15px}.sort-button{font-size:12px}.gallery-heading{gap:16px}.gallery-heading p{font-size:14px}.gallery-meta{font-size:11px}.sphere{height:min(110vw,460px);min-height:380px;margin:0 -20px}.center-memory{width:170px}.center-memory>span{font-size:18px}.orbit-memory{width:95px;padding:5px 5px 0}.orbit-memory>span{font-size:10px}.capture-strip{gap:12px;padding:18px 0 0;display:flex}.capture-strip .primary{width:auto;margin:0;font-size:13px}.shot-counter>span{font-size:11px}.memory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:20px}.memory-tile{padding:7px 7px 0}.memory-tile>span{font-size:14px}.memory-tile small{font-size:10px}.editor-layout{grid-template-columns:1fr;gap:24px}.editor-layout>div:first-child{width:100%;max-width:360px;margin:auto}.card-writing{font-size:14px}.empty{padding:48px 12px}.empty h2{font-size:21px}.privacy-note{font-size:12px}dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:22px}.action-sheet{width:100%;max-width:none;max-height:85dvh;padding:24px 20px max(24px,env(safe-area-inset-bottom));border-bottom:0;border-radius:24px 24px 0 0;margin:auto 0 0}#toast{bottom:calc(90px + env(safe-area-inset-bottom))}}@media (width<=380px){.page-content{padding-inline:16px}.home-heading h1{font-size:25px}.home-heading .primary span{display:none}.home-heading .primary{width:44px}.gallery-grid{grid-template-columns:1fr}.capture-strip{flex-wrap:wrap}.capture-strip .primary{flex:1}}:root[data-theme=dark]{--paper:oklch(23% .008 70);--surface:oklch(27% .008 70);--selected:oklch(31% .025 38);--ink:oklch(94% .006 80);--muted:oklch(74% .008 80);--line:oklch(36% .008 70);--accent:oklch(75% .13 40);--sage:oklch(78% .04 140);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:oklch(19% .006 70)}:root[data-theme=dark] .primary{color:#faf8f4;background:oklch(53% .145 35)}:root[data-theme=dark] .primary:hover{background:oklch(48% .14 35)}:root[data-theme=dark] .danger{color:oklch(78% .13 28)}:root[data-theme=dark] .editor-card,:root[data-theme=dark] .card-writing{color:#34392f}:root[data-theme=dark] .back-stamp{color:#5a6053}.appearance-settings fieldset{border:0;min-width:0;margin:0;padding:0}.appearance-settings legend{margin-bottom:16px;padding:0;font-size:16px;font-weight:650}.theme-options{border:1px solid var(--line);background:var(--surface);border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;display:grid}.theme-options label{cursor:pointer;min-width:0;position:relative}.theme-options input{opacity:0;width:1px;height:1px;margin:0;padding:0;position:absolute}.theme-options span{min-height:44px;color:var(--muted);border:1px solid #0000;border-radius:10px;place-items:center;font-size:14px;display:grid}.theme-options input:checked+span{background:var(--paper);border-color:var(--line);color:var(--ink);font-weight:650}.theme-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.theme-options label:active span{opacity:.75}html:has(.camera-fullscreen[open]){scrollbar-gutter:auto}body.camera-open{width:100%;position:fixed;overflow:hidden}body.camera-open #app{visibility:hidden}dialog.camera-fullscreen{width:100%;max-width:none;height:100dvh;max-height:none;padding:max(12px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:var(--paper);color:var(--ink);border:0;border-radius:0;flex-direction:column;margin:0;display:flex;inset:0}.camera-fullscreen .dialog-top{flex:none;justify-content:center;min-height:48px;margin-bottom:0;position:relative}.camera-fullscreen .dialog-top .camera-count{text-align:center;color:var(--ink);margin:0;font-size:14px;font-weight:500;line-height:1.3}.camera-fullscreen .dialog-top [data-action=close]{position:absolute;right:0}.camera-count{text-align:center;color:var(--muted);font-size:13px}.camera-fullscreen .camera-area{flex-direction:column;flex:1;justify-content:space-evenly;align-items:center;gap:8px;min-height:0;display:flex}.viewfinder{aspect-ratio:1;background:#24241f;border-radius:18px;flex:none;width:min(100%,100dvh - 220px);position:relative;overflow:hidden}.camera-fullscreen .viewfinder #camera-video,.camera-fullscreen .viewfinder #capture-preview{object-fit:cover;border-radius:0;width:100%;height:100%;margin:0;position:absolute;inset:0}.viewfinder .mirrored{transform:scaleX(-1)}.camera-fullscreen .camera-status{text-align:center;max-width:440px;margin:2px 0;font-size:13px}.camera-fullscreen .camera-status:empty{display:none}.camera-controls{grid-template-columns:1fr 78px 1fr;align-items:center;gap:22px;width:min(100%,420px);display:grid}.camera-controls .shutter{background:var(--paper);border-color:var(--accent);width:78px;height:78px;margin:0}.camera-controls .shutter span{background:var(--accent)}.camera-controls button:disabled{opacity:.4;cursor:default}.camera-tool{background:var(--surface);width:48px;height:48px;color:var(--ink);border-radius:50%;justify-self:center;place-items:center;display:grid}.camera-tool svg{width:24px;height:24px}.camera-tool[aria-pressed=true]{color:var(--accent);background:var(--selected)}.camera-tool[data-action=flash]{position:relative}.camera-tool[data-action=flash][aria-pressed=false]:after{content:"";width:28px;height:2px;box-shadow:0 0 0 2px var(--surface);background:currentColor;position:absolute;transform:rotate(45deg)}.camera-fullscreen .developing-photo{background:var(--surface);color:var(--ink)}@media (orientation:landscape) and (height<=540px){dialog.camera-fullscreen{padding-top:8px;padding-bottom:8px}.viewfinder{width:min(100%,100dvh - 150px)}.camera-fullscreen .camera-area{gap:4px}.camera-controls{grid-template-columns:1fr 62px 1fr}.camera-controls .shutter{width:62px;height:62px}}