body.reveal-page{--rv-paper: #FAFBF8;--rv-ink: #141810;--rv-ink-soft: #3D4434;--rv-ink-fade: #7B826F;--rv-grad-together: linear-gradient(160deg, #5B4399 0%, #D87BA0 100%);--rv-grad-bloom: linear-gradient(160deg, #F0B61D 0%, #FFD66F 50%, #F5C9D4 100%);--rv-grad-letter: linear-gradient(160deg, #D87BA0 0%, #F5C9D4 100%);--rv-grad-echo: linear-gradient(160deg, #6B7558 0%, #B8D6E5 100%);--rv-mono: "SFMono-Regular", "SF Mono", Menlo, Consolas, monospace;--rv-ui: "Corporate Logo Rounded", "Hiragino Maru Gothic ProN", "Yu Gothic UI", system-ui, sans-serif;background:#000;color:#fff;font-family:var(--rv-ui);overflow:hidden}.rv-stories{position:fixed;inset:0;display:flex;flex-direction:column}.rv-progress{display:flex;gap:4px;padding:8px 12px env(safe-area-inset-top,0);padding-top:calc(env(safe-area-inset-top,0) + 8px);z-index:6}.rv-progress__bar{flex:1;height:3px;background:#ffffff40;border-radius:2px;overflow:hidden}.rv-progress__bar-fill{height:100%;background:#fff;width:0}.rv-progress__bar--done .rv-progress__bar-fill{width:100%}.rv-progress__bar--current .rv-progress__bar-fill{width:100%;animation:rv-fill 6s linear forwards}@keyframes rv-fill{0%{width:0}to{width:100%}}.rv-close{position:absolute;top:calc(env(safe-area-inset-top,0) + 18px);right:12px;width:36px;height:36px;background:#0000004d;color:#fff;border:none;border-radius:999px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.rv-card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px 28px calc(80px + env(safe-area-inset-bottom));gap:14px;animation:rv-fade-in .6s ease-out;overflow-y:auto}@keyframes rv-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.rv-card--together{background:var(--rv-grad-together)}.rv-card--bloom{background:var(--rv-grad-bloom);color:#2b2410}.rv-card--letter{background:var(--rv-grad-letter);color:#2b0f1a}.rv-card--echo{background:var(--rv-grad-echo)}.rv-kicker{font-family:var(--rv-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.rv-headline{font-family:var(--rv-ui);font-size:clamp(28px,7vw,44px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;max-width:20ch}.rv-bignum{font-family:var(--rv-ui);font-size:clamp(56px,14vw,96px);font-weight:900;letter-spacing:-.04em;line-height:1;font-feature-settings:"tnum"}.rv-supp{font-size:14px;opacity:.88;line-height:1.7;max-width:32ch;margin:0}.rv-supp--muted{opacity:.62;font-size:12px}.rv-cover-lock{font-size:64px;animation:rv-pulse 3s ease-in-out infinite}@keyframes rv-pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.rv-cover-countdown{font-family:var(--rv-mono);font-size:24px;letter-spacing:.06em;margin-top:12px}.rv-together-supp{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;font-family:var(--rv-mono);font-size:12px;letter-spacing:.06em;opacity:.85;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:8px 16px;backdrop-filter:blur(8px)}.rv-bloom-photo{width:140px;height:140px;border-radius:16px;-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 24px #2b241033}.rv-bloom-haiku{font-style:italic;opacity:.78;font-size:13px;margin:4px 0 0;max-width:28ch}.rv-bloom-lanterns{width:100%;max-width:28em;margin-top:16px;padding-top:16px;border-top:1px solid rgba(43,36,16,.18);display:flex;flex-direction:column;gap:8px;align-items:center}.rv-bloom-lanterns__label{font-family:var(--rv-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.6}.rv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;width:100%;max-width:28em}.rv-list__item{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);border-radius:12px;font-size:14px;backdrop-filter:blur(8px);text-align:left}.rv-card--bloom .rv-list__item,.rv-card--letter .rv-list__item{background:#2b181014;border-color:#2b181024}.rv-list__meta{font-family:var(--rv-mono);font-size:10px;letter-spacing:.06em;opacity:.6;margin-left:auto}.rv-letter-prompt{font-style:italic;opacity:.85;font-size:14px;max-width:32ch;margin:-4px 0 8px;line-height:1.6}.rv-letter-grid{display:grid;grid-template-columns:1fr;gap:12px;width:100%;max-width:32em}@media(min-width:600px){.rv-letter-grid{grid-template-columns:1fr 1fr}}.rv-letter-side{background:#fffffff0;color:#2b0f1a;border-radius:16px;padding:16px;text-align:left;box-shadow:0 4px 12px #2b0f1a1a}.rv-letter-side--waiting{background:#ffffff6b;color:#2b0f1aa6;font-style:italic;text-align:center}.rv-letter-side--full{width:100%;max-width:32em;padding:24px}.rv-letter-side__author{font-family:var(--rv-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.rv-letter-side__body{font-size:14px;line-height:1.75;margin:6px 0 0}.rv-letter-side__photo{width:100%;max-height:200px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-top:8px}.rv-letter-side__audio{width:100%;margin-top:8px;height:32px}.rv-echo-memory{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:32em}.rv-echo-memory--empty{padding:24px 0}.rv-echo-memory__label{font-family:var(--rv-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.rv-echo-memory__photo{width:220px;height:220px;-o-object-fit:cover;object-fit:cover;border-radius:14px;box-shadow:0 8px 28px #00000038}.rv-echo-memory__title{font-size:clamp(20px,5vw,28px);font-weight:700;margin:4px 0 0;letter-spacing:-.01em;line-height:1.3;max-width:24ch}.rv-echo-memory__link{color:inherit;text-decoration:underline;opacity:.85;font-size:13px;margin-top:4px}.rv-echo-next{width:100%;max-width:28em;margin-top:16px;padding:14px 16px;background:#ffffff29;border:1px solid rgba(255,255,255,.2);border-radius:14px;backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:6px;text-align:left}.rv-echo-next__label{font-family:var(--rv-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;opacity:.7}.rv-echo-next__row{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600}.rv-echo-next__days{margin-left:auto;font-family:var(--rv-mono);font-size:12px;opacity:.75}.rv-echo-next__cta{font-size:12px;opacity:.78;line-height:1.5;margin:4px 0 0}.rv-echo-closing{margin-top:20px;font-style:italic;opacity:.85;font-size:14px;max-width:28ch;line-height:1.7}.rv-tap-zone{position:absolute;top:0;bottom:0;width:30%;z-index:5;background:transparent;border:none;cursor:pointer}.rv-tap-zone--prev{left:0}.rv-tap-zone--next{right:0}.rv-home-group{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;background:radial-gradient(ellipse at top right,rgba(216,123,160,.08) 0%,transparent 60%),linear-gradient(180deg,var(--lantern-50, #FFFBF0) 0%,var(--canvas-100) 100%);border:1px solid var(--hairline-strong, var(--hairline));border-radius:16px;box-shadow:0 1px 2px #5b43990a,0 4px 16px #5b43990f;overflow:hidden}.rv-home-group:before{content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;background:radial-gradient(circle,rgba(240,182,29,.12) 0%,transparent 70%);pointer-events:none;z-index:0}.rv-home-group>*{position:relative;z-index:1}.rv-home{display:block;text-decoration:none;background:var(--bg-surface);border:1px solid var(--hairline);border-left:3px solid var(--lantern-500);border-radius:var(--radius-md);padding:var(--space-2);font-family:var(--font-mincho);color:var(--ink-900);transition:transform .15s ease,box-shadow .15s ease}.rv-home:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.rv-home:active{transform:translateY(0)}.rv-home__row{display:flex;align-items:flex-start;gap:var(--space-1_5)}.rv-home__icon{font-size:32px;line-height:1;flex-shrink:0}.rv-home__icon--locked{opacity:.6}.rv-home__icon--opened{background:linear-gradient(135deg,#f0b61d,#ffd66f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rv-home__icon--compose{background:linear-gradient(135deg,#d87ba0,#bb5524);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rv-home__body{flex:1;min-width:0}.rv-home__subkicker{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-500);margin-bottom:4px}.rv-home__subkicker--accent{color:#bb5524}.rv-home__title{font-size:var(--text-h3);color:var(--ink-900);font-weight:var(--weight-bold);margin:0 0 2px;letter-spacing:-.01em}.rv-home__supp{font-size:var(--text-small);color:var(--ink-500);margin:0;line-height:1.5}.rv-home__countdown-chip{display:inline-block;padding:3px 10px;background:#d87ba01f;color:#bb5524;border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;font-weight:var(--weight-medium);margin-top:2px}.rv-home__chev{color:var(--ink-400);font-size:20px;align-self:center;flex-shrink:0}.rv-home__chev--accent{color:#bb5524}.rv-home--secondary.rv-home--opened{background:linear-gradient(135deg,#fffbf0,#ffefd3);border-left-color:#f0b61d}.rv-home--secondary .rv-home__icon{font-size:28px}.rv-home--secondary .rv-home__title{font-size:calc(var(--text-h3) * .94)}.rv-home--primary.rv-home--compose{background:linear-gradient(135deg,#fff1f5,#fcd8e3 60%,#f8c5d5);border-left:4px solid #D87BA0;box-shadow:0 2px 8px #d87ba01f}.rv-home--primary.rv-home--compose:hover{box-shadow:0 4px 16px #d87ba033}.rv-home--primary .rv-home__title{font-size:var(--text-h2, var(--text-h3))}.rv-home--primary .rv-home__icon{font-size:36px}.rv-compose{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3)}.rv-compose__head{text-align:center;font-family:var(--font-mincho)}.rv-compose__title{font-size:var(--text-h1);margin:0 0 6px}.rv-compose__supp{font-size:var(--text-small);color:var(--ink-500);margin:0}.rv-compose__voice{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-3);background:linear-gradient(135deg,#d87ba0,#f5c9d4);border-radius:var(--radius-xl);color:#fff}.rv-compose__voice-btn{width:88px;height:88px;border-radius:50%;border:4px solid rgba(255,255,255,.4);background:#fff;color:#d87ba0;font-size:32px;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rv-compose__voice-btn:hover{transform:scale(1.05)}.rv-compose__voice-btn--recording{background:#bb5524;color:#fff;animation:rv-rec-pulse 1s ease-in-out infinite}@keyframes rv-rec-pulse{0%,to{box-shadow:0 0 #bb552499}50%{box-shadow:0 0 0 18px #bb552400}}.rv-compose__voice-hint{font-family:var(--font-mincho);font-size:13px;color:#fffffff2;text-align:center}.rv-compose__transcript{width:100%;background:#ffffffeb;color:var(--ink-800);border:none;border-radius:var(--radius-md);padding:10px 12px;font-family:var(--font-mincho);font-size:14px;resize:vertical;min-height:60px}.rv-compose__or{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--ink-400)}.rv-compose__photo{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-2);background:var(--canvas-150);border-radius:var(--radius-md)}.rv-compose__photo-input{display:none}.rv-compose__photo-label{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--canvas-100);border:1px dashed var(--hairline-strong);border-radius:var(--radius-pill);font-family:var(--font-mincho);font-size:var(--text-small);color:var(--ink-700);cursor:pointer}.rv-compose__photo-preview{max-width:100%;max-height:200px;border-radius:var(--radius-md)}.rv-compose__text{width:100%;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-md);padding:12px;font-family:var(--font-mincho);font-size:15px;min-height:80px;resize:vertical}.rv-compose__visibility{display:flex;flex-direction:column;gap:8px;padding:12px;background:var(--canvas-150);border-radius:var(--radius-md)}.rv-compose__visibility-label{font-family:var(--font-mincho);font-size:var(--text-label);color:var(--ink-700);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider)}.rv-compose__visibility-row{display:flex;flex-wrap:wrap;gap:6px}.rv-compose__visibility-chip{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;background:var(--bg-surface);border:1px solid var(--hairline);border-radius:var(--radius-pill);font-family:var(--font-mincho);font-size:var(--text-small);font-weight:var(--weight-medium);color:var(--ink-700);cursor:pointer;transition:all var(--duration-press) var(--ease-out);min-height:36px}.rv-compose__visibility-chip:hover{background:var(--canvas-100)}.rv-compose__visibility-chip--active{background:#d87ba0;border-color:#d87ba0;color:#fff;font-weight:var(--weight-bold)}.rv-compose__visibility-supp{font-family:var(--font-mincho);font-size:var(--text-micro);color:var(--ink-500);margin:0;line-height:1.6}.rv-compose__submit{background:linear-gradient(135deg,#d87ba0,#bb5524);color:#fff;border:none;padding:14px 32px;border-radius:var(--radius-pill);font-family:var(--font-mincho);font-weight:var(--weight-bold);font-size:var(--text-body);min-height:var(--tap-target-min);cursor:pointer;letter-spacing:var(--tracking-wide)}.rv-compose__submit:disabled{background:var(--canvas-300);color:var(--ink-500);cursor:not-allowed}@media(prefers-reduced-motion:reduce){body.reveal-page *,body.reveal-page *:before,body.reveal-page *:after{animation:none!important;transition:none!important}.rv-progress__bar--current .rv-progress__bar-fill{width:100%}}