:root{--bg: #0b0a0d;--bg-deep: #060508;--ink: #f4f1ea;--ink-dim: rgba(244, 241, 234, .62);--ink-faint: rgba(244, 241, 234, .38);--accent: #ff5e6c;--accent-soft: rgba(255, 94, 108, .16);--bar-ink: #14121a;--hairline: rgba(255, 255, 255, .12);--font-display: "Bricolage Grotesque", system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;background:var(--bg-deep);color:var(--ink);font-family:var(--font-display);font-size:16px;line-height:1.4;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:default}.app-frame{position:relative;width:100%;height:100%;max-width:480px;max-height:900px;margin:0 auto;background:var(--bg);overflow:hidden;box-shadow:0 0 80px #0009;border-radius:16px}.app-frame--wide{max-width:none;max-height:none;border-radius:0;box-shadow:none}@media(max-width:600px){.app-frame{max-width:none;max-height:none;border-radius:0}}.boot-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.boot-mark{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.02em}.boot-line{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);animation:soft-pulse 1.6s ease-in-out infinite}@keyframes soft-pulse{0%,to{opacity:1}50%{opacity:.4}}.browse-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:0}.browse-screen::-webkit-scrollbar{display:none}.browse-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;background:#0b0a0dd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hairline)}.browse-brand{display:flex;align-items:center;gap:8px}.browse-mark{display:block;flex:0 0 auto}.browse-wordmark{font-family:var(--font-display);font-weight:800;font-size:19px;line-height:1;letter-spacing:-.03em}.browse-content{max-width:1120px;margin:0 auto;padding:24px 18px 0}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint)}.browse-error{font-family:var(--font-mono);font-size:12px;color:#ffb1b8;border:1px solid rgba(255,94,108,.4);border-radius:8px;padding:10px 12px;margin-bottom:16px}.browse-loading{font-family:var(--font-mono);font-size:12px;color:var(--ink-faint);padding:24px 0;animation:soft-pulse 1.6s ease-in-out infinite}.card-opening{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#060508a8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;animation:soft-pulse 1.4s ease-in-out infinite}.tag-row{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(6,5,8,.7)}.hero-section{margin-bottom:30px}.hero{position:relative;display:block;width:100%;aspect-ratio:2 / 3;border-radius:16px;overflow:hidden;text-align:left;background:var(--bar-ink);border:1px solid var(--hairline);transition:border-color .18s ease}.hero:hover:not(:disabled){border-color:#ffffff47}.hero picture{display:contents}.hero-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-glass{position:absolute;left:0;right:0;bottom:0;padding:90px 20px 20px;background:linear-gradient(180deg,#06050800,#060508b3 44%,#060508f2)}.hero-title{font-weight:800;font-size:30px;line-height:1.04;letter-spacing:-.03em}.hero-tagline{margin-top:7px;font-size:14.5px;line-height:1.35;color:var(--ink-dim);max-width:44ch}.hero-cta{display:inline-flex;align-items:center;align-self:flex-start;gap:5px;margin-top:15px;padding:10px 16px;border-radius:999px;background:var(--accent);color:#1b0508;font-weight:700;font-size:13.5px;letter-spacing:-.005em;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.hero:hover:not(:disabled) .hero-cta{transform:translate(2px)}.hero:active:not(:disabled) .hero-cta{transform:scale(.97)}.grid-section{margin-bottom:34px}.grid-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:13px}.chip-row{display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--ink-dim);padding:6px 13px;border-radius:999px;border:1px solid var(--hairline);white-space:nowrap;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.chip:not(.chip-active):hover{color:var(--ink)}.chip-active{color:#1b0508;background:var(--ink);border-color:var(--ink)}.seed-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.seed-card{position:relative;aspect-ratio:2 / 3;border-radius:14px;overflow:hidden;text-align:left;background:var(--bar-ink);border:1px solid var(--hairline);transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease}@media(hover:hover)and (pointer:fine){.seed-card:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff47}}.seed-card:active:not(:disabled){transform:scale(.98)}.seed-card-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.seed-card-body{position:absolute;left:0;right:0;bottom:0;padding:46px 12px 12px;background:linear-gradient(180deg,#06050800,#060508bd 46%,#060508f2)}.seed-card-title{font-weight:700;font-size:16px;line-height:1.15;letter-spacing:-.01em}.create-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;aspect-ratio:2 / 3;border-radius:14px;border:1px dashed rgba(255,255,255,.22);background:#ffffff05;transition:border-color .18s ease,background-color .18s ease}.create-tile:hover{border-color:var(--accent);background:var(--accent-soft)}.create-tile-plus{font-size:26px;font-weight:300;line-height:1;color:var(--ink-dim);margin-bottom:5px}.create-tile-title{font-weight:700;font-size:14px;letter-spacing:-.01em}.create-tile-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.resume-section{margin-bottom:30px}.resume-section .section-label{margin-bottom:11px}.resume-list{display:grid;gap:9px;max-width:560px}.resume-row{position:relative;display:flex;align-items:center;gap:13px;width:100%;padding:10px;border-radius:12px;overflow:hidden;text-align:left;background:var(--bar-ink);border:1px solid var(--hairline);transition:border-color .18s ease,background-color .18s ease}@media(hover:hover)and (pointer:fine){.resume-row:hover:not(:disabled){border-color:#ffffff47}}.resume-row:active:not(:disabled){transform:scale(.995)}.resume-cover{flex:0 0 auto;width:46px;height:69px;border-radius:6px;object-fit:cover;object-position:center}.resume-main{flex:1;min-width:0}.resume-title{font-weight:700;font-size:14.5px;line-height:1.2;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resume-meta{margin-top:3px;font-family:var(--font-mono);font-size:10px;letter-spacing:.02em;color:var(--ink-faint)}.resume-go{flex:0 0 auto;display:flex;color:var(--ink-faint);padding-right:4px}.cyo{display:flex;flex-direction:column;gap:18px;padding:26px 20px;border-radius:16px;border:1px solid var(--hairline);background:radial-gradient(120% 140% at 0% 0%,var(--accent-soft) 0%,rgba(255,94,108,0) 58%),var(--bar-ink);scroll-margin:80px}.cyo-title{margin-top:9px;font-weight:800;font-size:26px;line-height:1.05;letter-spacing:-.03em}.cyo-sub{margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--ink-dim);max-width:46ch}.cyo-form{display:flex;gap:9px;flex-wrap:wrap}.cyo-input{flex:1 1 200px;min-width:0;font:inherit;font-size:15px;color:var(--ink);background:#06050899;border:1px solid var(--hairline);border-radius:10px;padding:12px 14px;outline:none;-webkit-user-select:text;user-select:text;transition:border-color .16s ease}.cyo-input::placeholder{color:var(--ink-faint)}.cyo-input:focus{border-color:var(--accent)}.cyo-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.cyo-submit{flex:0 0 auto;padding:12px 20px;border-radius:10px;background:var(--accent);color:#1b0508;font-weight:700;font-size:14.5px;transition:opacity .16s ease,transform .16s ease}.cyo-submit:disabled{opacity:.45}.cyo-submit:active:not(:disabled){transform:scale(.97)}.cyo-done{display:flex;align-items:center;gap:9px;font-weight:600;font-size:15px;color:var(--accent);padding:6px 0}.cyo-error{font-family:var(--font-mono);font-size:12px;color:#ffb1b8}.cyo-inline{width:100%;gap:10px;padding:0;border:none;background:none;border-radius:0}.cyo-inline .cyo-copy{min-width:0}.cyo-inline .cyo-sub{margin-top:0;font-size:13.5px;line-height:1.35;max-width:none}.cyo-inline .cyo-form{gap:8px;flex-wrap:nowrap}.cyo-inline .cyo-input{flex:1 1 auto;padding:10px 12px;font-size:14px}.cyo-inline .cyo-submit{padding:10px 14px;font-size:13.5px;white-space:nowrap}.cyo-inline .cyo-done{font-size:14px;padding:2px 0}.skeleton{border-radius:14px;background:linear-gradient(100deg,var(--bar-ink) 30%,rgba(255,255,255,.055) 50%,var(--bar-ink) 70%);background-size:220% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite}.skeleton-hero{aspect-ratio:4 / 3;border-radius:16px;margin-bottom:30px}.skeleton-card{aspect-ratio:2 / 3}@keyframes skeleton-sweep{0%{background-position:130% 0}to{background-position:-30% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}@media(min-width:601px){.browse-topbar{padding:14px 40px}.browse-content{padding:32px 40px 0}.seed-grid{grid-template-columns:repeat(auto-fill,minmax(176px,1fr));gap:18px}.hero{aspect-ratio:21 / 9}.hero-glass{top:0;right:42%;padding:28px 24px 26px;background:linear-gradient(90deg,#060508f0,#060508d1 62%,#06050800);display:flex;flex-direction:column;justify-content:flex-end}.hero-title{font-size:38px}.cyo{flex-direction:row;align-items:center;justify-content:space-between;gap:40px;padding:32px 34px}.cyo-inline{flex-direction:column;align-items:stretch;gap:10px;padding:0}.cyo-inline .cyo-form{flex:1 1 auto;flex-wrap:nowrap}.cyo-inline .cyo-input{flex:1 1 auto}.cyo-form{flex:0 0 auto;flex-wrap:nowrap}.cyo-input{flex:0 0 260px}}.play-screen{position:absolute;top:0;right:0;bottom:0;left:0}.play-topbar{position:absolute;top:0;left:0;right:0;z-index:30;display:flex;align-items:center;gap:8px;padding:10px 14px 14px;background:linear-gradient(180deg,#060508cc,#06050866 60%,#06050800);pointer-events:none}.play-exit{pointer-events:auto;width:34px;height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#14121a99;border:1px solid var(--hairline);color:var(--ink-dim);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:background .15s ease,color .15s ease}@media(hover:hover)and (pointer:fine){.play-exit:hover{background:#1e1c26cc;color:var(--ink)}}.play-exit svg{width:16px;height:16px}.play-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;background:var(--bg)}.strip::-webkit-scrollbar{display:none}.strip-unit{scroll-snap-align:start;scroll-snap-stop:always;height:100%;width:100%;flex-shrink:0;position:relative;display:flex;flex-direction:column;background:var(--bg)}.unit-page{overflow:hidden}.page-art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff}.page-art-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}@keyframes page-art-loading-pulse{0%,to{opacity:1}50%{opacity:.45}}.page-art-bg.is-loading{animation:page-art-loading-pulse 1.3s ease-in-out infinite}.page-art-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#fff;z-index:0;opacity:0;transition:opacity .26s ease-out}.page-art-image.is-loaded{opacity:1}@keyframes page-text-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.unit-caption{height:46%;scroll-snap-align:end;background:transparent}.caption-bar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:14px 22px calc(38px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,rgba(20,18,26,0) 0%,rgba(20,18,26,.5) 16%,rgba(20,18,26,.95) 42%,var(--bar-ink) 60%);animation:input-bar-fade .32s ease backwards}.caption-echo{font-style:italic;font-size:15px;line-height:1.4;color:var(--ink-dim);max-height:63px;overflow:hidden}.caption-text{font-size:17px;line-height:1.5;letter-spacing:.005em;color:#fffffff0;animation:page-text-rise .4s cubic-bezier(.2,.7,.3,1) backwards}.caption-waiting{display:flex;gap:7px;padding:8px 0}.caption-waiting span{width:6px;height:6px;border-radius:999px;background:#ffffff8c;animation:waiting-bounce 1.1s ease-in-out infinite}.caption-waiting span:nth-child(2){animation-delay:.15s}.caption-waiting span:nth-child(3){animation-delay:.3s}@keyframes waiting-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.jump-to-current{position:absolute;right:16px;bottom:24px;z-index:27;width:44px;height:44px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#14121ac7;border:1px solid var(--hairline);color:#ffffffeb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 6px 18px #00000052;opacity:0;transform:translateY(8px) scale(.94);pointer-events:none;transition:opacity .2s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.jump-to-current.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}@media(hover:hover)and (pointer:fine){.jump-to-current:hover{background:#201e28e0;color:#fff}}.jump-to-current:active{transform:translateY(0) scale(.96)}.jump-to-current svg{width:18px;height:18px}.unit-input{height:46%;scroll-snap-align:end;background:transparent}.input-bar{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:14px 16px calc(38px + env(safe-area-inset-bottom,0px));background:linear-gradient(to bottom,rgba(20,18,26,0) 0%,rgba(20,18,26,.5) 16%,rgba(20,18,26,.95) 42%,var(--bar-ink) 60%);animation:input-bar-fade .32s ease backwards}@keyframes input-bar-fade{0%{opacity:0}to{opacity:1}}.input-notice{font-family:var(--font-mono);font-size:11.5px;line-height:1.5;color:#ffb1b8}.input-chips{display:flex;flex-direction:column;gap:8px}.input-chip{align-self:flex-start;max-width:100%;text-align:left;background:#ffffff0a;border:1.5px solid rgba(255,255,255,.42);border-radius:999px;padding:10px 16px;font-family:var(--font-display);font-weight:600;font-size:14.5px;line-height:1.3;letter-spacing:-.01em;color:var(--ink);transition:background .16s ease,border-color .16s ease,opacity .25s ease;animation:input-rise .38s cubic-bezier(.2,.7,.3,1) backwards}.input-chips>.input-chip:nth-child(1){animation-delay:.08s}.input-chips>.input-chip:nth-child(2){animation-delay:.16s}@keyframes input-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover)and (pointer:fine){.input-chip:hover:not(:disabled){background:var(--accent-soft);border-color:var(--accent)}}.input-chip:disabled{opacity:.35}.input-row{display:flex;align-items:center;gap:10px;animation:input-rise .38s cubic-bezier(.2,.7,.3,1) backwards;animation-delay:.12s}.input-field{flex:1 1 auto;min-width:0;background:#ffffff0f;border:1.5px solid rgba(255,255,255,.24);border-radius:999px;padding:12px 18px;font-family:var(--font-display);font-size:15px;color:var(--ink);outline:none;user-select:text;-webkit-user-select:text;transition:border-color .16s ease,background .16s ease}.input-field::placeholder{color:var(--ink-faint)}.input-field:focus{border-color:var(--accent);background:#ffffff17}.input-send{flex:0 0 auto;width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#16060a;transition:transform .15s ease,opacity .2s ease}.input-send:disabled{opacity:.28}.input-send:active:not(:disabled){transform:scale(.92)}.input-send svg{width:18px;height:18px}.input-streaming{display:flex;flex-direction:column;gap:8px;padding-bottom:4px}.input-echo{font-style:italic;font-size:15px;line-height:1.4;color:var(--ink-dim);max-height:63px;overflow:hidden}.input-drawing{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint)}.input-drawing-dots span{animation:drawing-dot 1.2s ease-in-out infinite}.input-drawing-dots span:nth-child(2){animation-delay:.2s}.input-drawing-dots span:nth-child(3){animation-delay:.4s}@keyframes drawing-dot{0%,60%,to{opacity:.25}30%{opacity:1}}