:root{--ink: #14202c;--muted: #3d4a57;--line: #d7e0e8;--paper: #f4f7fa;--card: #ffffff;--brand: #fb6542;--brand-deep: #d84a2a;--ridge: #24384c;--sky: #6ea0c8;--good: #2e593b;--shadow: 0 16px 40px rgba(20, 32, 44, .14);--radius: 18px;--font-display: "Shippori Mincho", "Hiragino Mincho ProN", serif;--font-ui: "Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", sans-serif;--fs-body: 1.125rem;--fs-small: 1rem;--fs-title: 1.5rem;--fs-hero: clamp(2rem, 6vw, 2.75rem);--tap: 56px;color:var(--ink);background:var(--paper);font-family:var(--font-ui);font-size:var(--fs-body);line-height:1.65;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(ellipse at 20% -10%,rgba(110,160,200,.28),transparent 42%),radial-gradient(ellipse at 90% 0%,rgba(251,101,66,.16),transparent 36%),linear-gradient(180deg,#e8eef4,#f4f7fa 38%,#eef2f6)}button,input,select,textarea{font:inherit}a{color:inherit}.app-shell{min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;position:relative}.app-shell--wide{max-width:1080px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f7faeb;border-bottom:1px solid rgba(215,224,232,.7)}.brand{display:inline-flex;align-items:center;text-decoration:none;color:inherit;min-width:0}.brand-logo-wrap{display:inline-flex;align-items:center;gap:10px;min-width:0}.brand-mark{flex:0 0 auto;display:block;filter:drop-shadow(0 2px 8px rgba(20,32,44,.12))}.brand-wordmark{display:grid;gap:1px;min-width:0}.brand-wordmark__title{font-family:var(--font-display);font-size:1.22rem;font-weight:700;letter-spacing:.04em;line-height:1.15;color:var(--ink)}.brand-wordmark__sub{font-size:.68rem;font-weight:800;letter-spacing:.14em;color:var(--muted);line-height:1}.brand-logo-wrap--hero{gap:16px}.brand-logo-wrap--hero .brand-wordmark__title{font-size:clamp(2rem,5vw,2.75rem);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.28)}.brand-logo-wrap--hero .brand-wordmark__sub{font-size:.82rem;color:#ffffffd1;letter-spacing:.16em}.brand-logo-wrap--hero .brand-mark{filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}.brand-logo-wrap--boot{flex-direction:column;gap:14px;text-align:center}.brand-logo-wrap--boot .brand-wordmark__title{font-size:1.65rem}.hero-brand-logo{filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}.brand img,.brand-logo{display:block;width:min(240px,58vw);height:auto;border-radius:0;box-shadow:none}.brand span{font-family:var(--font-display);font-size:1.35rem}.ghost-btn,.primary-btn,.soft-btn{border:0;cursor:pointer;border-radius:999px;min-height:var(--tap);padding:0 20px;font-weight:800;font-size:1.05rem;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.ghost-btn:active,.primary-btn:active,.soft-btn:active{transform:scale(.98)}.primary-btn{background:linear-gradient(135deg,var(--brand),var(--brand-deep));color:#fff;box-shadow:0 10px 22px #fb654247}.soft-btn{background:#fff;color:var(--ridge);border:2px solid var(--line)}.ghost-btn{background:transparent;color:var(--ridge);font-size:1rem;min-height:48px}.main{flex:1;padding:0 0 calc(88px + env(safe-area-inset-bottom,0px))}.tabbar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(520px,100%);display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));background:#fffffff5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:30;box-shadow:0 -8px 24px #14202c0f}.tabbar button{border:0;background:transparent;min-height:64px;border-radius:14px;display:grid;place-items:center;gap:4px;color:var(--muted);font-size:.95rem;font-weight:800;cursor:pointer}.tabbar button.is-active{color:var(--brand-deep);background:#fb65421f}.tabbar .tab-ico{font-size:1.35rem;line-height:1}.landing{min-height:100dvh}.hero{position:relative;min-height:min(86dvh,760px);display:flex;align-items:flex-end;padding:28px 20px 36px;color:#fff;overflow:hidden;isolation:isolate}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:linear-gradient(165deg,#1a2a3a,#2a4560 42%,#fb6542 140%),radial-gradient(circle at 70% 20%,rgba(246,210,122,.35),transparent 28%)}.hero-bg:after{content:"";position:absolute;inset:auto 0 0 0;height:42%;background:linear-gradient(180deg,transparent,rgba(10,16,24,.55)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 320'%3E%3Cpath fill='%230c141c' fill-opacity='.55' d='M0 220 L180 120 L320 180 L520 60 L720 150 L900 40 L1200 130 L1200 320 L0 320Z'/%3E%3C/svg%3E") bottom / 100% auto no-repeat}.hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#0c141c26,#0c141cb8 78%)}.hero-inner{width:min(640px,100%);margin:0 auto;animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.hero-kicker{display:inline-flex;align-items:center;gap:8px;font-size:.95rem;font-weight:800;letter-spacing:.04em;opacity:.95;margin-bottom:12px}.hero-brand{margin:0 0 18px}.hero-logo{display:block;width:min(480px,92vw);height:auto;filter:drop-shadow(0 4px 18px rgba(0,0,0,.35))}.hero-tagline{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(1.55rem,4.5vw,2.15rem);font-weight:700;line-height:1.35;text-shadow:0 2px 18px rgba(0,0,0,.28);color:#fff}.hero h1{margin:0 0 14px;font-family:var(--font-display);font-size:var(--fs-hero);line-height:1.3;font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,.28)}.hero p{margin:0 0 24px;font-size:clamp(1.05rem,3.2vw,1.2rem);color:#fffffff5;max-width:28em;line-height:1.7}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-cta .primary-btn,.hero-cta .soft-btn{min-height:58px;font-size:1.1rem;padding:0 22px}.hero-cta .soft-btn{background:#ffffff29;color:#fff;border-color:#ffffff59}.section{padding:40px 20px;max-width:920px;margin:0 auto}.section h2{margin:0 0 12px;font-family:var(--font-display);font-size:1.55rem}.section .lead{margin:0 0 22px;color:var(--muted);font-size:1.1rem}.feature-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;box-shadow:0 8px 20px #14202c0d}.feature strong{display:block;margin-bottom:8px;font-size:1.15rem}.feature span{color:var(--muted);font-size:1.02rem;line-height:1.65}.steps{display:grid;gap:12px;margin:18px 0 8px}.step{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.step-num{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--good);color:#fff;font-weight:900;font-size:1.2rem}.step strong{display:block;font-size:1.1rem;margin-bottom:4px}.step span{color:var(--muted);font-size:1rem}.landing-footer{text-align:center;padding:28px 16px 48px;color:var(--muted);font-size:1rem}.landing-footer a{color:var(--ridge);font-weight:800;text-decoration:none}.page{padding:14px 16px 8px}.home-page{padding-top:8px}.home-grid{display:grid;gap:18px}.home-panel{min-width:0}.home-panel--main,.home-panel--slots{display:grid;gap:12px}.day-hero{padding:18px 16px;border-radius:20px;color:#fff;background:linear-gradient(145deg,#1a2a3af5,#2a4560eb 55%,#fb6542e0),radial-gradient(circle at 85% 18%,rgba(255,213,106,.35),transparent 34%);box-shadow:0 16px 36px #14202c29}.day-hero__kicker{margin:0 0 6px;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:.88}.day-hero h1{margin:0;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.2}.day-hero__lead{margin:10px 0 0;font-size:.98rem;line-height:1.55;color:#ffffffeb}.slot-panel-head h2{margin:0;font-family:var(--font-display);font-size:1.25rem}.slot-panel-head p{margin:4px 0 0;color:var(--muted);font-size:.98rem}.guide-card{background:linear-gradient(145deg,#eef4f0,#f7faf8);border:2px solid #c5d5c9;border-radius:18px;padding:14px 14px 12px;margin-bottom:14px}.guide-card h2{margin:0 0 8px;font-size:1.15rem;font-family:var(--font-display)}.guide-card ol{margin:0;padding-left:1.3em;color:var(--muted);font-size:1.05rem}.guide-card li{margin:4px 0}.day-head{display:grid;gap:10px;margin-bottom:14px}.day-head h1{margin:0;font-family:var(--font-display);font-size:var(--fs-title)}.meta-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.95rem;font-weight:800;color:var(--ridge)}.chip--accent{background:#fb65421f;border-color:#fb65424d;color:var(--brand-deep)}.field label,.field .field-label{display:block;font-size:1rem;font-weight:800;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:2px solid var(--line);border-radius:14px;padding:14px;background:#fff;font-size:1.1rem;min-height:var(--tap)}.slot-list{display:grid;gap:12px}.slot{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #14202c0a}.slot-hour{display:grid;place-items:center;background:linear-gradient(180deg,#24384c,#1a2a3a);color:#fff;font-weight:900;font-size:1rem}.slot-body{padding:12px 12px 12px 0;display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;min-height:96px}.slot-thumb{width:120px;height:78px;border-radius:12px;object-fit:cover;background:#d7e0e8}.slot-empty{width:120px;height:78px;border-radius:12px;border:0;background:linear-gradient(135deg,#1a2a3a,#31485e);display:grid;place-items:center;color:#fffc;font-size:.95rem;font-weight:800;cursor:pointer}.slot-copy{min-width:0}.slot-copy strong{display:block;font-size:1.08rem;margin-bottom:4px}.slot-copy span{display:block;color:var(--muted);font-size:.98rem}.slot.is-now{border-color:#fb65428c;box-shadow:0 10px 24px #fb65421f}.home-actions{display:grid;gap:12px;margin:8px 0 16px}.home-actions .primary-btn{width:100%;border-radius:18px;min-height:64px;font-size:1.25rem}.home-actions .soft-btn{width:100%;border-radius:16px;min-height:56px;font-size:1.1rem}.cta-note{text-align:center;color:var(--muted);font-size:1rem;margin:-4px 0 8px}.capture{padding:8px 12px 12px;display:flex;flex-direction:column;gap:14px;min-height:calc(100dvh - 120px)}.capture-stage{position:relative;border-radius:22px;overflow:hidden;background:#0c141c;aspect-ratio:16 / 10;box-shadow:var(--shadow)}.capture-stage video{width:100%;height:100%;object-fit:cover;display:block}.dual-pip{position:absolute;right:12px;top:12px;width:28%;aspect-ratio:3 / 4;border-radius:14px;overflow:hidden;border:2px solid rgba(255,255,255,.85);box-shadow:0 8px 18px #00000059;background:#1a2a3a}.dual-pip img,.dual-pip video{width:100%;height:100%;object-fit:cover}.capture-hud{position:absolute;left:12px;bottom:12px;display:flex;gap:8px;flex-wrap:wrap}.capture-hud .chip{background:#0c141c8c;color:#fff;border-color:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.countdown{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c141c47;color:#fff;font-family:var(--font-display);font-size:clamp(4.5rem,20vw,7rem);font-weight:700;pointer-events:none;text-shadow:0 4px 24px rgba(0,0,0,.4)}.capture-form{display:grid;gap:12px}.capture-actions{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center}.rec-btn{width:88px;height:88px;border-radius:50%;border:5px solid #fff;background:var(--brand);box-shadow:0 0 0 5px #fb654259,0 12px 28px #fb654259;cursor:pointer;justify-self:center}.rec-btn:disabled{opacity:.5;cursor:not-allowed}.rec-btn.is-recording{animation:pulse .8s ease infinite}@keyframes pulse{50%{transform:scale(.94)}}.hint{font-size:1.02rem;color:var(--muted);text-align:center;line-height:1.6}.error{color:#7f1d1d;background:#fef3f2;border:2px solid #fecdca;border-radius:14px;padding:14px;font-size:1.05rem}.play-stage{border-radius:20px;overflow:hidden;background:#0c141c;aspect-ratio:16 / 10;position:relative;box-shadow:var(--shadow)}.play-stage img,.play-stage video{width:100%;height:100%;object-fit:cover;display:block}.play-caption{position:absolute;left:12px;right:12px;bottom:12px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}.play-caption strong{display:block;font-size:1.2rem}.play-caption span{font-size:1.02rem;opacity:.95}.filmstrip{display:flex;gap:10px;overflow-x:auto;padding:14px 2px;-webkit-overflow-scrolling:touch}.filmstrip button{flex:0 0 auto;width:100px;border:3px solid transparent;border-radius:12px;padding:0;overflow:hidden;background:#d7e0e8;cursor:pointer;min-height:64px}.filmstrip button.is-active{border-color:var(--brand)}.filmstrip img{width:100%;height:64px;object-fit:cover;display:block}.card-list{display:grid;gap:14px}.group-card,.discover-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:0 8px 18px #14202c0a}.group-card h3,.discover-card h3{margin:0 0 8px;font-size:1.2rem}.members{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.members span{font-size:.95rem;font-weight:800;background:#eef3f8;border-radius:999px;padding:8px 12px}.discover-card{display:grid;grid-template-columns:108px 1fr;gap:14px;align-items:center}.discover-art{width:108px;height:80px;border-radius:12px;background:linear-gradient(135deg,#24384c,#6ea0c8)}.muted{color:var(--muted);font-size:1.02rem}@media(min-width:900px){.app-shell--wide{padding:0 20px}.app-shell:not(.app-shell--wide){border-left:1px solid rgba(215,224,232,.8);border-right:1px solid rgba(215,224,232,.8);box-shadow:0 0 0 1px #fff6}.app-shell--wide{border-radius:0;background:#ffffff47;box-shadow:0 0 0 1px #ffffff8c,0 24px 60px #14202c14}.topbar{padding:18px 8px 16px;background:#ffffffb8;border-bottom:1px solid rgba(215,224,232,.85)}.brand-wordmark__title{font-size:1.35rem}.tabbar{width:min(1080px,calc(100% - 40px));border-radius:18px 18px 0 0;border-left:1px solid var(--line);border-right:1px solid var(--line)}.main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.page{padding:18px 8px 12px}.home-grid{grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:24px;align-items:start}.home-panel--main{position:sticky;top:88px}.home-panel--slots{padding:18px;border-radius:22px;background:#ffffffb8;border:1px solid rgba(215,224,232,.85);box-shadow:0 12px 28px #14202c0d}.slot-list{max-height:calc(100dvh - 220px);overflow:auto;padding-right:4px}.slot-body{grid-template-columns:132px 1fr}.slot-thumb,.slot-empty{width:132px}.home-actions{display:grid;gap:10px}.guide-card{grid-column:1 / -1}.hero{border-radius:0 0 28px 28px}}.boot-screen{min-height:100dvh;display:grid;place-content:center;justify-items:center;gap:10px;padding:24px;text-align:center}.boot-mark{width:56px;height:56px;border-radius:16px;background:radial-gradient(circle at 30% 30%,#6ea0c8,transparent 55%),linear-gradient(145deg,#24384c,#fb6542);box-shadow:var(--shadow);animation:boot-pulse 1.4s ease-in-out infinite}@keyframes boot-pulse{50%{transform:scale(.94);opacity:.85}}.boot-title{margin:8px 0 0;font-family:var(--font-display);font-size:1.5rem;font-weight:700}.boot-logo{width:min(320px,78vw);height:auto;margin-bottom:8px}.boot-sub{margin:0;color:var(--muted);font-size:1.05rem}.toast{position:fixed;top:calc(12px + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);z-index:80;max-width:min(92vw,420px);padding:12px 18px;border-radius:999px;background:#1a2a3a;color:#fff;font-weight:800;font-size:1.02rem;box-shadow:0 12px 28px #14202c47;animation:toast-in .35s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.progress-card{display:grid;grid-template-columns:72px 1fr;gap:14px;align-items:center;padding:14px;border-radius:18px;background:linear-gradient(145deg,#fff,#eef4f8);border:1px solid var(--line);box-shadow:0 8px 18px #14202c0d}.progress-ring{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;position:relative}.progress-ring:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:#fff}.progress-ring span{position:relative;z-index:1;font-weight:900;font-size:1.35rem;color:var(--ridge)}.progress-copy{display:grid;gap:4px;min-width:0}.progress-copy strong{font-size:1.05rem}.progress-copy span{color:var(--muted);font-size:.95rem;line-height:1.45}.weather-link{color:var(--brand-deep);font-weight:800;font-size:.98rem;text-decoration:none;margin-top:4px}.weather-link:hover{text-decoration:underline}.inline-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.slot-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.slot-action{padding:6px 10px!important;min-height:40px!important;font-size:.95rem!important}.slot-action.danger{color:#9b1c1c}.play-progress{height:6px;border-radius:999px;background:#e2e8f0;overflow:hidden}.play-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--sky),var(--brand));border-radius:inherit;transition:width .35s ease}.share-note{text-align:center;color:var(--good);font-weight:800;margin:0 0 8px}.discover-blurb{margin:8px 0 0;color:var(--muted);font-size:.98rem;line-height:1.5}.discover-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.discover-link{padding:8px 12px!important;min-height:40px!important;font-size:.95rem!important;text-decoration:none}.save-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0c141c73;color:#fff;font-family:var(--font-display);font-size:1.6rem;font-weight:700;animation:toast-in .3s ease}.prep-banner{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#24384c14;border:1px solid var(--line);color:var(--ridge);font-weight:700;font-size:var(--fs-small);line-height:1.45}.empty-state{display:grid;gap:12px;padding:28px 18px;text-align:center;background:#ffffffb8;border:1px dashed var(--line);border-radius:var(--radius)}.empty-state strong{font-family:var(--font-display);font-size:1.25rem}.empty-state p{margin:0;color:var(--muted)}.history-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius)}.history-card h3{margin:0 0 4px;font-size:1.15rem}.history-card-main{min-width:0}.settings-block{margin-top:28px;padding-top:8px;border-top:1px solid var(--line)}.settings-block h2{margin:0 0 8px;font-size:1.15rem}.settings-block .muted{margin:0 0 12px}.danger-btn{color:#9b1c1c!important;border-color:#9b1c1c59!important}.capture-memo-row{display:flex;justify-content:center;margin:8px 16px 0}.memo-btn{width:100%;max-width:320px}.text-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--brand-deep);font:inherit;font-weight:800;text-decoration:underline;cursor:pointer;padding:0 4px}.error-boundary{gap:12px;padding:24px;text-align:center}.error-boundary-title{margin:0;font-family:var(--font-display);font-size:1.4rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}