:root{--ink:#08131a;--ink-2:#08131aa8;--ink-3:#08131a73;--line:#08131a1f;--bg:#fbf8f1;--surface:#fff;--surface-2:#f3eee2;--cheese:#f4b400;--cheese-soft:#fdf1cf;--cheese-ink:#6b4e00;--danger:#b22323;--danger-soft:#fdf3f3;--ok:#1e7b65;--ok-soft:#e6f6f2;--radius:16px;--shadow:0 1px 3px 1px #0000000f, 0 1px 2px #0000001a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Arial,Noto Sans JP,Meiryo,sans-serif;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);word-wrap:break-word;overflow-wrap:anywhere;line-break:strict;min-height:100dvh;margin:0}h1,h2,h3{letter-spacing:.04em;font-feature-settings:"palt";margin:0;line-height:1.35}p{margin:0}button,input,textarea{font:inherit;color:inherit}a{color:inherit}img,video{max-width:100%;display:block}.app{max-width:480px;min-height:100dvh;padding:0 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.topbar{z-index:10;min-height:56px;padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fbf8f1eb;align-items:center;gap:8px;margin:0 -16px 8px;padding-left:8px;padding-right:8px;display:flex;position:sticky;top:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;letter-spacing:.04em;font-feature-settings:"palt";flex:1;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.logo{letter-spacing:.04em;font-feature-settings:"palt";align-items:center;gap:8px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.logo svg{width:28px;height:28px}.icon-btn{cursor:pointer;background:0 0;border:0;border-radius:999px;flex:none;place-items:center;width:44px;height:44px;display:inline-grid}.icon-btn:active{background:#08131a0f}.icon-btn svg{width:24px;height:24px}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;padding:0 20px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .15s;display:inline-flex}.btn:active{transform:scale(.98)}.btn svg{flex:none;width:20px;height:20px}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--ink);color:#fff}.btn-cheese{background:var(--cheese);color:var(--ink)}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-text{color:var(--ink-2);background:0 0;min-height:44px}.btn-row{gap:10px;display:flex}.stack{gap:12px;display:grid}.field{gap:6px;display:grid}.field-label{font-size:14px;font-weight:700}.field-note{color:var(--ink-3);font-size:12px}.input{border:1px solid var(--line);background:var(--surface);border-radius:12px;outline:none;width:100%;min-height:48px;padding:10px 14px;font-size:16px}.input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #08131a14}.segmented{grid-template-columns:1fr 1fr;gap:8px;display:grid}.segmented button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;min-height:48px;font-weight:700}.segmented button[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:#fff}.check{cursor:pointer;align-items:center;gap:10px;min-height:44px;font-size:15px;display:flex}.check input{width:22px;height:22px;accent-color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.notice{background:var(--surface-2);color:var(--ink-2);border-radius:12px;padding:12px 14px;font-size:13px}.error{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:14px;font-weight:600}.muted{color:var(--ink-2)}.small{font-size:13px}.section-title{color:var(--ink-2);margin:20px 0 8px;font-size:13px;font-weight:700}.hero{text-align:center;gap:20px;padding:48px 0 24px;display:grid}.hero-icons{justify-content:center;display:flex}.hero-icons .avatar{border:4px solid var(--bg)}.hero-icons .avatar+.avatar{margin-left:-18px}.hero h1{font-size:34px;font-weight:800}.rules{text-align:left;gap:10px;margin:8px 0 20px;display:grid}.rules li{align-items:flex-start;gap:10px;font-size:14px;display:flex}.rules ol{gap:10px;margin:0;padding:0;list-style:none;display:grid}.rule-num{background:var(--ink);color:#fff;border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.invite-banner{background:var(--cheese-soft);color:var(--cheese-ink);text-align:left;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700}.invite-btn{min-height:44px;margin-top:12px}.avatar{object-fit:cover;background:var(--surface-2);border-radius:999px;flex:none}.avatar-ring{width:64px;color:var(--ink-2);justify-items:center;gap:4px;font-size:11px;display:grid;position:relative}.avatar-ring .avatar{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--line)}.avatar-ring.done .avatar{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--cheese)}.avatar-ring .name{white-space:nowrap;text-overflow:ellipsis;max-width:64px;overflow:hidden}.done-badge{background:var(--cheese);border:2px solid var(--bg);border-radius:999px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:30px;right:6px}.done-badge svg{width:12px;height:12px}.members{scrollbar-width:none;gap:8px;padding:8px 2px 4px;display:flex;overflow-x:auto}.notify-card{border-radius:var(--radius);background:var(--cheese-soft);align-items:center;gap:12px;margin-top:12px;padding:14px 16px;display:flex}.notify-card>div{flex:1;min-width:0}.notify-card .btn{width:auto;min-height:44px;padding:0 18px}.log-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;padding:16px;text-decoration:none;display:flex}.log-card:active{background:var(--surface-2)}.log-mark{background:var(--cheese-soft);width:48px;height:48px;color:var(--cheese-ink);border-radius:14px;flex:none;place-items:center;font-size:20px;font-weight:800;display:grid}.log-card-body{flex:1;min-width:0}.log-card-name{white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.log-card-meta{color:var(--ink-2);font-size:13px}.pill{background:var(--cheese-soft);color:var(--cheese-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.empty{text-align:center;color:var(--ink-2);gap:8px;padding:32px 16px;font-size:14px;display:grid}.bottom-actions{padding:16px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--bg) 70%, #fbf8f100);gap:10px;margin-top:16px;display:flex;position:sticky;bottom:0}.sheet-backdrop{z-index:50;background:#08131a73;justify-content:center;align-items:flex-end;animation:.15s fade;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:480px;max-height:90dvh;padding:20px 16px calc(20px + env(safe-area-inset-bottom));background:var(--bg);border-radius:20px 20px 0 0;gap:16px;animation:.2s rise;display:grid;overflow-y:auto}.sheet h2{font-size:18px}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}.stepper{justify-content:space-between;align-items:center;gap:12px;display:flex}.stepper output{text-align:center;min-width:64px;font-size:22px;font-weight:800}.stepper .icon-btn{border:1px solid var(--line);background:var(--surface)}.code-display{letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.code-input{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:28px}.day-nav{justify-content:space-between;align-items:center;margin:20px 0 8px;display:flex}.day-nav strong{font-size:16px}.slot{border-top:1px solid var(--line);grid-template-columns:52px 1fr;gap:8px;padding:10px 0;display:grid}.slot-hour{color:var(--ink-2);font-variant-numeric:tabular-nums;padding-top:4px;font-size:14px;font-weight:700}.slot-clips{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.tile{aspect-ratio:9/16;color:#fff;background:#1b2328;border-radius:12px;text-decoration:none;display:block;position:relative;overflow:hidden}.tile video{object-fit:cover;width:100%;height:100%}.tile-meta{background:linear-gradient(#0000,#000000a6);align-items:center;gap:4px;padding:16px 6px 6px;font-size:11px;font-weight:700;display:flex;position:absolute;inset:auto 0 0}.tile-meta span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile-count{background:#00000080;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700;position:absolute;top:6px;right:6px}.travel-row{margin-bottom:12px}.travel-row .btn{min-height:44px;font-size:15px}.hour-chips{scrollbar-width:none;gap:8px;margin:0 -16px 12px;padding:2px 16px;display:flex;overflow-x:auto}.hour-chip{border:1px solid var(--line);background:var(--surface);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.hour-chip b{background:var(--cheese-soft);min-width:20px;color:var(--cheese-ink);border-radius:999px;padding:0 6px;font-size:12px}.slot{scroll-margin-top:72px}.calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-weekday{text-align:center;color:var(--ink-3);padding:4px 0;font-size:12px;font-weight:700}.calendar-cell{aspect-ratio:3/4;border-radius:10px;text-decoration:none;position:relative;overflow:hidden}.calendar-cell.empty-cell{background:var(--surface);border:1px solid var(--line)}.calendar-cell.has-clips{color:#fff;background:#1b2328}.calendar-cell.today{box-shadow:0 0 0 2px var(--cheese)}.calendar-cell video{object-fit:cover;opacity:.85;width:100%;height:100%}.calendar-date{font-variant-numeric:tabular-nums;font-size:13px;font-weight:800;position:absolute;top:4px;left:6px}.has-clips .calendar-date{text-shadow:0 1px 3px #000000b3}.empty-cell .calendar-date{color:var(--ink-3)}.calendar-count{background:var(--cheese);min-width:20px;color:var(--ink);text-align:center;border-radius:999px;padding:0 5px;font-size:11px;font-weight:800;position:absolute;bottom:4px;right:4px}.vlog-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.vlog-row-main{flex:1;text-decoration:none;display:grid}.vlog-row-play{width:auto;min-height:40px;padding:0 16px;font-size:14px}.timeline-day{margin-top:16px}.timeline-day-head{z-index:5;background:var(--bg);justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:sticky;top:57px}.timeline-day-head h2{font-size:16px}.timeline-day-head .pill{padding:4px 12px;text-decoration:none}.record-cta{margin-top:12px}.cta-note{text-align:center;color:var(--ink-2);margin-top:6px;font-size:13px}.dark{z-index:40;color:#fff;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.dark-top{padding:calc(8px + env(safe-area-inset-top)) 8px 8px;align-items:center;gap:8px;display:flex}.dark .icon-btn:active{background:#ffffff1f}.dark-title{text-align:center;flex:1;min-width:0;font-size:15px;font-weight:700}.stage{background:#111;border-radius:20px;flex:1;min-height:0;margin:0 8px;position:relative;overflow:hidden}.stage>video,.stage>img{object-fit:cover;width:100%;height:100%}.mirror{transform:scaleX(-1)}.stage-message{text-align:center;place-items:center;padding:24px;font-size:15px;line-height:1.7;display:grid;position:absolute;inset:0}.dark-bottom{padding:16px 16px calc(16px + env(safe-area-inset-bottom));gap:12px;display:grid}.shutter-row{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.shutter{cursor:pointer;background:0 0;border:0;border-radius:999px;width:78px;height:78px;padding:0;position:relative}.shutter:after{content:"";background:var(--cheese);border-radius:999px;transition:transform .15s;position:absolute;inset:9px}.shutter:active:after{transform:scale(.92)}.shutter:disabled{opacity:.5}.shutter svg{width:78px;height:78px;position:absolute;inset:0;transform:rotate(-90deg)}.dark .input{color:#fff;background:#ffffff1a;border-color:#fff3}.dark .input::placeholder{color:#ffffff8c}.dark .input:focus{box-shadow:none;border-color:#fff}.dark .btn-ghost{color:#fff;background:#ffffff1f;border-color:#0000}.dark .btn-primary{color:var(--ink);background:#fff}.destinations{gap:6px;display:grid}.destination-chips{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.destination-chip{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff4d;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.destination-chip[aria-pressed=true]{border-color:var(--cheese);background:var(--cheese);color:var(--ink)}.destination-chip:disabled{opacity:.4;cursor:default}.destination-chip small{font-size:11px;font-weight:600}.face-guide{aspect-ratio:3/4;pointer-events:none;border:3px dashed #ffffffb3;border-radius:50%;width:62%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chip{white-space:nowrap;background:#0000008c;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700;position:absolute;top:12px;left:50%;transform:translate(-50%)}.score{justify-items:center;gap:4px;padding:8px 0;display:grid}.score-num{font-variant-numeric:tabular-nums;font-size:64px;font-weight:800;line-height:1}.score-num small{margin-left:2px;font-size:22px}.score-bar{background:var(--surface-2);border-radius:999px;width:100%;height:12px;position:relative;overflow:hidden}.score-bar span{background:var(--cheese);border-radius:999px;position:absolute;inset:0 auto 0 0}.score-bar i{background:var(--ink);width:2px;position:absolute;top:-2px;bottom:-2px}.verdict{text-align:center;font-size:18px;font-weight:800}.trait-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.trait-list li{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;display:flex}.trait-list li.half{border-color:#f4b40073}.trait-list li.half .trait-dot{background:var(--cheese-soft);color:var(--cheese-ink)}.trait-text{flex:1;gap:2px;min-width:0;display:grid}.trait-text small{font-size:12px}.trait-list .pts small{color:var(--ink-3);font-size:11px;font-weight:600}.trait-list li.hit{border-color:var(--cheese);background:var(--cheese-soft)}.trait-list .pts{white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;margin-left:auto;font-weight:800}.trait-dot{background:var(--surface-2);border-radius:999px;place-items:center;width:22px;height:22px;display:grid}.hit .trait-dot{background:var(--ink);color:#fff}.trait-dot svg{width:13px;height:13px}.avatar-choice{align-items:center;gap:14px;display:flex}.player{aspect-ratio:9/16;background:#111;border-radius:20px;max-height:64dvh;margin:0 auto;position:relative;overflow:hidden}.player video{object-fit:cover;width:100%;height:100%}.player-loading{color:#fff;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.player-loading .spinner{border-color:#ffffff40;border-top-color:var(--cheese)}.sound-btn{color:#fff;cursor:pointer;background:#0000008c;border:0;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;bottom:10px;right:10px}.sound-btn svg{width:18px;height:18px}.byline{align-items:center;gap:10px;margin:14px 0 8px;display:flex}.byline strong{font-size:15px;display:block}.delete-link{min-height:36px;color:var(--danger);cursor:pointer;background:0 0;border:0;margin-left:auto;padding:0 4px;font-size:13px;font-weight:700}.delete-link:disabled{opacity:.5}.invite-link{color:var(--cheese-ink);word-break:break-all;font-weight:700;text-decoration:underline}.caption{font-size:16px;line-height:1.7}.stamps{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.stamp{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.stamp[aria-pressed=true]{background:var(--cheese-soft);border-color:var(--cheese);color:var(--cheese-ink)}.stamp b{font-variant-numeric:tabular-nums}.comments{gap:14px;padding-bottom:96px;display:grid}.comment{gap:10px;display:flex}.comment-body{flex:1;min-width:0}.comment-head{align-items:baseline;gap:8px;font-size:13px;display:flex}.comment-head strong{font-size:14px}.comment-text{font-size:15px;line-height:1.7}.comment.fresh .comment-text{animation:1.4s flash}@keyframes flash{0%{background:var(--cheese-soft)}to{background:0 0}}.composer{z-index:20;-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--line);background:#fbf8f1f5;position:fixed;bottom:0;left:0;right:0}.composer-inner{max-width:480px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:6px;margin:0 auto;display:grid}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer textarea{resize:none;border-radius:22px;flex:1;min-height:44px;max-height:120px;padding:10px 14px}.composer .btn{width:auto;min-height:44px;padding:0 18px}.composer-note{color:var(--ink-3);font-size:12px}.segments{z-index:2;gap:3px;display:flex;position:absolute;top:10px;left:10px;right:10px}.segments span{background:#ffffff59;border-radius:2px;flex:1;height:3px;overflow:hidden}.segments span i{background:#fff;height:100%;display:block}.overlay-top{z-index:2;text-shadow:0 1px 3px #0009;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex;position:absolute;top:22px;left:12px;right:12px}.overlay-bottom{z-index:2;background:linear-gradient(#0000,#0009);padding:48px 16px 16px;font-size:16px;font-weight:700;line-height:1.6;position:absolute;inset:auto 0 0}.play-cover{z-index:3;color:#fff;cursor:pointer;text-align:center;background:#00000073;border:0;align-content:center;place-items:center;gap:12px;display:grid;position:absolute;inset:0}.play-cover strong{font-size:18px}.play-circle{background:var(--cheese);width:76px;height:76px;color:var(--ink);border-radius:999px;place-items:center;display:grid}.play-circle svg{width:34px;height:34px}.progress{background:#fff3;border-radius:999px;height:8px;overflow:hidden}.progress span{background:var(--cheese);height:100%;transition:width .3s;display:block}.center-loading{min-height:60dvh;color:var(--ink-2);place-items:center;font-size:14px;display:grid}.spinner{border:3px solid var(--line);border-top-color:var(--cheese);border-radius:999px;width:36px;height:36px;margin:0 auto 12px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:60;background:var(--ink);color:#fff;border-radius:999px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:600;animation:.2s rise;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}