:root{--paper:#f7efe3;--paper-deep:#eadbc7;--ink:#34291f;--ink-soft:#715f50;--coral:#f37b68;--coral-dark:#d95f50;--butter:#f5c95d;--mint:#b7ded0;--pink:#f5bfd0;--white:#fffaf2;--outline:2px solid var(--ink)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#d8c9b4;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,input{font:inherit}button{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro-screen,.app-canvas{place-items:center;min-height:100dvh;display:grid;overflow:hidden}.intro-screen{background:radial-gradient(circle at 14% 18%,#f5c95da8 0 6%,#0000 6.5%),radial-gradient(circle at 88% 76%,#b7ded0c2 0 9%,#0000 9.5%),linear-gradient(145deg,#f9f1e5,#ead9c3);padding:28px;position:relative}.intro-screen:before,.intro-screen:after{content:"";border:var(--outline);opacity:.18;border-radius:50%;width:180px;height:74px;position:absolute;transform:rotate(-14deg)}.intro-screen:before{bottom:18%;left:-58px}.intro-screen:after{top:16%;right:-70px;transform:rotate(24deg)}.intro-card{z-index:1;text-align:center;width:min(100%,390px);padding:42px 28px 32px;position:relative}.intro-eyebrow{letter-spacing:.12em;align-items:center;gap:8px;font-size:11px;font-weight:800;display:inline-flex}.intro-eyebrow span{background:var(--coral);border:1.5px solid var(--ink);border-radius:50%;width:7px;height:7px}.intro-mark{background:var(--coral);border:3px solid var(--ink);border-radius:45% 55% 48% 52%/58% 43% 57% 42%;width:104px;height:104px;margin:34px auto 23px;animation:3.6s ease-in-out infinite mark-bob;position:relative;box-shadow:8px 9px #34291f29}.intro-mark:before,.intro-mark:after{content:"";background:var(--coral);border:3px solid var(--ink);z-index:-1;width:30px;height:21px;position:absolute;top:-10px}.intro-mark:before{border-radius:80% 30%;left:7px;transform:rotate(-22deg)}.intro-mark:after{border-radius:30% 80%;right:7px;transform:rotate(22deg)}.intro-mark .eye{background:var(--ink);border-radius:50%;width:8px;height:11px;position:absolute;top:37px}.intro-mark .eye.left{left:31px}.intro-mark .eye.right{right:31px}.intro-mark .mouth{border-bottom:3px solid var(--ink);border-radius:50%;width:20px;height:10px;position:absolute;top:59px;left:42px}.intro-card h1{letter-spacing:-.08em;margin:0;font-size:clamp(42px,13vw,58px);line-height:1}.intro-card>p{color:var(--ink-soft);margin:18px 0 28px;font-size:16px;font-weight:600}.intro-steps{justify-content:center;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.intro-steps span{background:var(--white);border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);border-radius:999px;padding:7px 9px}.intro-steps span:nth-of-type(2){background:var(--butter)}.intro-steps span:nth-of-type(3){background:var(--mint)}.intro-steps i{font-style:normal}.intro-card>button{border:2.5px solid var(--ink);background:var(--coral);width:100%;color:var(--ink);box-shadow:5px 6px 0 var(--ink);cursor:pointer;border-radius:18px;margin-top:38px;padding:16px 24px;font-size:17px;font-weight:900;transition:transform .18s,box-shadow .18s}.intro-card>button:active{box-shadow:1px 2px 0 var(--ink);transform:translate(4px,4px)}.intro-card>small{color:#8b7868;margin-top:20px;font-size:11px;display:block}.intro-confetti{font-weight:900;animation:5s ease-in-out infinite floaty;position:absolute}.confetti-one{color:var(--coral);font-size:30px;top:18%;left:15%}.confetti-two{color:var(--ink);font-size:26px;animation-delay:-1.7s;top:30%;right:14%}.confetti-three{color:var(--coral);font-size:42px;animation-delay:-3s;bottom:17%;left:18%}.app-canvas{background:#d3c2aa}.mobile-app{background:var(--paper);isolation:isolate;width:min(100vw,430px);height:100dvh;position:relative;overflow:hidden}.feed-screen{background:#1b1714;position:absolute;inset:0;overflow:hidden}.scene-video{object-fit:cover;width:100%;height:100%;display:block}.video-vignette{pointer-events:none;background:linear-gradient(#16100c7a,#0000 26% 55%,#140e0ac7);position:absolute;inset:0}.feed-header{z-index:3;top:max(18px, env(safe-area-inset-top));color:var(--white);justify-content:space-between;align-items:center;display:flex;position:absolute;left:18px;right:18px}.mini-logo{letter-spacing:-.07em;text-shadow:0 2px 6px #00000059;font-size:18px;font-weight:950}.live-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#140f0c4d;border:1px solid #ffffff85;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:700;display:flex}.live-chip i{background:var(--coral);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #f37b682e}.feed-copy{z-index:3;color:#fff;text-shadow:0 2px 7px #000000b3;position:absolute;bottom:116px;left:18px;right:90px}.feed-copy p{margin:0 0 7px;font-size:13px;font-weight:800}.feed-copy strong{font-size:15px;line-height:1.5;display:block}.feed-copy span{opacity:.82;margin-top:7px;font-size:11px;display:block}.pause-cta{z-index:4;border:2px solid var(--ink);background:var(--butter);box-shadow:4px 5px 0 var(--ink);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:9px;padding:13px 20px;font-size:13px;font-weight:900;display:flex;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.pause-icon{border:1.5px solid var(--ink);letter-spacing:-2px;border-radius:50%;place-items:center;width:24px;height:24px;padding-right:2px;font-size:10px;display:grid}.lasso-surface{z-index:7;touch-action:none;cursor:crosshair;background:#0f0b081a;position:absolute;inset:0 0 60px}.lasso-surface.is-disabled{pointer-events:none}.lasso-instruction{z-index:2;top:max(94px, calc(env(safe-area-inset-top) + 78px));text-align:center;color:var(--ink);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:none;background:#fffaf27a;border:2px solid #34291f94;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:3px 10px;padding:10px 14px;transition:opacity .18s,transform .18s;display:flex;position:absolute;bottom:auto;left:18px;right:18px;box-shadow:2px 3px #34291f47}.lasso-instruction.is-faded{opacity:0;transform:translateY(-6px)scale(.98)}.instruction-kicker{color:var(--coral-dark);letter-spacing:.1em;margin:0;font-size:9px;font-weight:900;display:inline-block}.lasso-instruction strong{font-size:13px;display:inline}.lasso-instruction small{color:var(--ink-soft);flex-basis:100%;margin:2px 0 0;font-size:10px;display:block}.lasso-ink{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.lasso-ink path{fill:#f5c95d2e;stroke:var(--coral);stroke-width:8px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 1px #34291f99)}.wake-loader{z-index:9;background:var(--butter);border:var(--outline);min-width:230px;box-shadow:5px 5px 0 var(--ink);border-radius:8px;align-items:center;gap:10px;padding:14px 18px;font-size:13px;font-weight:900;display:flex;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%)rotate(-2deg)}.wake-loader i{border:3px solid #34291f40;border-top-color:var(--ink);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.floating-error{z-index:10;background:var(--coral);border:var(--outline);border-radius:12px;margin:0;padding:12px 16px;font-size:12px;font-weight:800;position:absolute;bottom:90px;left:20px;right:20px}.bottom-nav{z-index:15;height:calc(60px + env(safe-area-inset-bottom));padding:5px 24px env(safe-area-inset-bottom);border-top:2px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7efe3f5;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:0;left:0;right:0}.bottom-nav button{color:#8c7969;cursor:pointer;background:0 0;border:0;justify-items:center;gap:1px;min-width:62px;padding:3px 8px;font-size:10px;font-weight:800;display:grid;position:relative}.bottom-nav-icon{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:26px;height:23px;transition:color .18s,transform .18s}.bottom-nav-label{line-height:1.2}.bottom-nav button[aria-current=page]{color:var(--coral-dark)}.bottom-nav button[aria-current=page] .bottom-nav-icon{transform:rotate(-2deg)translateY(-1px)}.bottom-nav button[aria-current=page]:after{content:"";opacity:.55;border-bottom:2px solid;border-radius:50%;width:30px;height:5px;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(-3deg)}.chat-sheet{z-index:30;height:73%;padding:5px 17px calc(14px + env(safe-area-inset-bottom));background:var(--paper);border-top:3px solid var(--ink);border-radius:26px 26px 0 0;transition:height .18s ease-out;animation:.32s cubic-bezier(.2,.85,.35,1) sheet-up;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -12px 36px #100b0847}.chat-sheet.is-dragging{-webkit-user-select:none;user-select:none;transition:none}.sheet-handle{touch-action:none;cursor:ns-resize;outline:0;place-items:center;width:100%;height:28px;margin:0 0 5px;display:grid}.sheet-handle:after{content:"";background:var(--ink);opacity:.25;border-radius:999px;width:45px;height:5px;transition:opacity .15s,transform .15s}.sheet-handle:focus-visible:after,.sheet-handle:active:after{opacity:.55;transform:scaleX(1.18)}.character-header{grid-template-columns:82px 1fr 28px;align-items:center;gap:13px;display:grid;position:relative}.character-avatar{background:var(--pink);border:var(--outline);width:78px;height:78px;box-shadow:4px 4px 0 var(--ink);border-radius:20px 24px 18px 25px;place-items:center;display:grid;position:relative;overflow:hidden;transform:rotate(-2deg)}.character-avatar img{object-fit:cover;width:100%;height:100%}.character-avatar>span{font-size:34px;font-weight:950}.character-avatar small{color:var(--ink);background:var(--butter);border:1.5px solid var(--ink);text-align:center;border-radius:5px;padding:4px;font-size:8px;font-weight:900;position:absolute;inset:auto 3px 4px}.character-avatar.is-hatching:after{content:"";background:linear-gradient(120deg,#0000 34%,#ffffff8c,#0000 66%);animation:1.25s linear infinite hatch;position:absolute;inset:-30%}.character-title p{color:var(--coral-dark);letter-spacing:.06em;margin:0 0 3px;font-size:9px;font-weight:900}.character-title h2{letter-spacing:-.06em;margin:0 0 7px;font-size:23px}.tag-row{flex-wrap:wrap;gap:5px;display:flex}.tag-row span{background:var(--mint);border:1.5px solid var(--ink);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.tag-row span:nth-child(2n){background:var(--butter)}.sheet-close{border:1.5px solid var(--ink);background:var(--white);cursor:pointer;border-radius:50%;align-self:start;width:28px;height:28px;padding:0;font-size:20px;line-height:1}.character-header,.question-chips,.composer,.collection-actions,.sheet-notice{flex:none}.conversation{overscroll-behavior:contain;min-height:72px;margin:14px -2px 9px;padding:1px 3px;overflow-y:auto}.message{border:1.5px solid var(--ink);width:fit-content;max-width:87%;box-shadow:2px 3px 0 var(--ink);margin:8px 0;padding:10px 13px;font-size:13px;line-height:1.55}.message.assistant{background:var(--white);border-radius:5px 15px 15px}.message.user{background:var(--mint);border-radius:15px 5px 15px 15px;margin-left:auto}.message.thinking{color:var(--ink-soft);box-shadow:none;border-style:dashed}.question-chips{scrollbar-width:none;gap:7px;padding:2px 0 8px;display:flex;overflow-x:auto}.question-chips button{border:1.5px solid var(--ink);background:var(--white);cursor:pointer;border-radius:999px;flex:none;padding:7px 10px;font-size:10px;font-weight:700}.composer{grid-template-columns:1fr auto;gap:7px;margin-top:2px;display:grid}.composer input{border:1.5px solid var(--ink);background:var(--white);border-radius:12px;outline:0;min-width:0;padding:11px 13px;font-size:12px}.composer input:focus{box-shadow:0 0 0 3px #f37b683d}.composer button{border:1.5px solid var(--ink);background:var(--butter);cursor:pointer;border-radius:12px;padding:0 14px;font-size:12px;font-weight:900}.collection-actions{grid-template-columns:1fr;gap:8px;margin-top:9px;display:grid}.collect-cta,.open-collection-cta{border:2px solid var(--ink);width:100%;box-shadow:3px 3px 0 var(--ink);cursor:pointer;border-radius:12px;padding:10px;font-size:12px;font-weight:900}.collect-cta{background:var(--coral)}.open-collection-cta{background:var(--butter)}.sheet-notice{color:var(--coral-dark);text-align:center;margin:8px 0 0;font-size:11px;font-weight:900}.collection-screen,.photo-screen{padding:max(35px, env(safe-area-inset-top)) 18px 86px;background-color:var(--paper);background-image:linear-gradient(#34291f0b 1px,#0000 1px),linear-gradient(90deg,#34291f0b 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;overflow-y:auto}.collection-heading p,.photo-screen header p{color:var(--coral-dark);letter-spacing:.15em;margin:0 0 8px;font-size:10px;font-weight:950}.collection-heading p{justify-content:space-between;align-items:center;gap:12px;display:flex}.collection-count{color:var(--ink-soft);letter-spacing:.04em;flex:none}.collection-heading h1,.photo-screen header h1{letter-spacing:-.07em;max-width:300px;margin:0;font-size:31px;line-height:1.12}.collection-heading>span,.photo-screen header>span{color:var(--ink-soft);margin-top:10px;font-size:12px;display:block}.card-grid{grid-template-columns:1fr 1fr;gap:18px 13px;margin-top:28px;padding:0 4px 20px;display:grid}.card-grid.is-single{grid-template-columns:1fr;padding-inline:0}.memory-card{background:var(--white);border:var(--outline);padding:9px 9px 12px;transform:rotate(-1.3deg);box-shadow:5px 6px #34291fe0}.memory-card.tilt-2{transform:rotate(1.7deg)}.memory-card.tilt-3{transform:rotate(-.4deg)}.featured-memory-card{grid-template-columns:minmax(104px,38%) 1fr;gap:14px;padding:12px;display:grid;transform:rotate(-.7deg)}.memory-portrait{aspect-ratio:1;background:var(--pink);border:1.5px solid var(--ink);place-items:center;margin-bottom:8px;display:grid;overflow:hidden}.featured-memory-card .memory-portrait{aspect-ratio:4/5;margin:0}.memory-card:nth-child(3n+2) .memory-portrait{background:var(--mint)}.memory-card:nth-child(3n) .memory-portrait{background:var(--butter)}.memory-portrait img{object-fit:cover;width:100%;height:100%}.memory-portrait span{font-size:39px;font-weight:950}.memory-card-content{min-width:0}.featured-memory-card .memory-card-content{flex-direction:column;align-items:flex-start;min-height:130px;display:flex}.memory-card small{color:var(--coral-dark);font-size:9px;font-weight:900}.memory-card h2{letter-spacing:-.05em;margin:2px 0 5px;font-size:17px}.memory-card p{min-height:33px;color:var(--ink-soft);margin:0 0 9px;font-size:10px;line-height:1.5}.featured-memory-card h2{margin-top:0;font-size:22px}.memory-tags{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.memory-tags span{border:1px solid var(--ink);background:var(--mint);border-radius:999px;padding:3px 6px;font-size:8px;font-weight:850}.memory-tags span:nth-child(2n){background:var(--butter)}.memory-last-chat{width:100%}.memory-card .memory-last-chat p{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0;margin:3px 0 9px;font-size:11px;display:-webkit-box;overflow:hidden}.memory-card button,.empty-collection button{border:1.5px solid var(--ink);background:var(--butter);cursor:pointer;border-radius:7px;width:100%;padding:7px;font-size:10px;font-weight:900}.featured-memory-card button{margin-top:auto}.empty-collection{text-align:center;margin-top:70px}.empty-collection>span{color:var(--coral);font-size:46px}.empty-collection h2{margin:8px 0;font-size:24px}.empty-collection p{color:var(--ink-soft);margin:0 0 20px;font-size:13px}.empty-collection button{width:auto;padding:11px 18px}.photo-screen header{margin-bottom:28px}.photo-canvas{aspect-ratio:3/4.15;width:100%;position:relative}.photo-stage{border:2px dashed var(--ink);width:100%;height:100%;box-shadow:6px 7px 0 var(--ink);cursor:pointer;background:#fffaf2b3;border-radius:18px;align-content:center;place-items:center;gap:8px;display:grid;overflow:hidden}.photo-stage>span{border:var(--outline);background:var(--coral);border-radius:50%;place-items:center;width:58px;height:58px;font-size:32px;display:grid}.photo-stage strong{font-size:15px}.photo-stage small{color:var(--ink-soft);font-size:10px}.photo-stage img{object-fit:cover;width:100%;height:100%}.photo-canvas .lasso-surface{border-radius:18px;inset:0;overflow:hidden}.photo-canvas .lasso-instruction{padding:9px 12px;inset:14px 14px auto}.photo-canvas .wake-loader{top:58%}.photo-error{justify-content:space-between;align-items:center;gap:12px;display:flex}.photo-error span{flex:1}.photo-error button{border:2px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;box-shadow:2px 2px 0 var(--ink);border-radius:8px;flex:none;padding:7px 10px;font-size:10px;font-weight:950}@keyframes mark-bob{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-8px)rotate(2deg)}}@keyframes floaty{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(9deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes hatch{0%{transform:translate(-50%)}to{transform:translate(50%)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (min-width:700px){.mobile-app{box-shadow:0 0 0 1px #34291f2e,0 28px 80px #34291f4d}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}