:root{--font-body: "Pretendard Variable", Pretendard, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-display: "Nanum Myeongjo", "Apple SD Gothic Neo", serif;--paper: #fbfaf8;--ink: #211d18;--ink-soft: #6f675c;--line: #e6e1d8;--radius: 14px;--accent: #5b4fe0;--accent-ink: #ffffff;--tint: #f3f2fb;--phase-word-color: #5b4fe0}[data-phase=anticipation]{--accent: #5b4fe0;--tint: #f3f2fb;--phase-word-color: #5b4fe0}[data-phase=moment]{--accent: #f04e23;--tint: #fdf3ee;--phase-word-color: #f04e23}[data-phase=memory]{--accent: #9a7148;--tint: #f6f0e6;--phase-word-color: #8a6540}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55}a{color:var(--accent);text-decoration:none}button{font-family:inherit}.shell{max-width:480px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:0 20px 48px}.shell__top{display:flex;align-items:center;justify-content:space-between;padding:18px 2px 10px}.brand{font-family:var(--font-display);font-weight:800;font-size:20px;color:var(--ink);letter-spacing:.02em}.brand em{font-style:normal;color:var(--accent)}.dev-user{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-soft)}.dev-user input{width:90px;padding:4px 8px;border:1px solid var(--line);border-radius:8px;font-size:12px;font-family:inherit}.dev-user button{padding:4px 8px;border:1px solid var(--line);background:transparent;border-radius:8px;font-size:12px;color:var(--ink-soft);cursor:pointer}.plan-page{background:linear-gradient(180deg,var(--tint) 0%,var(--paper) 320px)}.ticket{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px 24px 0;box-shadow:0 10px 30px #211d180f;animation:rise .45s ease-out both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ticket{animation:none}}.ticket__eyebrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.phase-word{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--phase-word-color);letter-spacing:.14em}.access-badge{font-size:12px;font-weight:600;color:var(--ink-soft);border:1px solid var(--line);border-radius:999px;padding:3px 10px;letter-spacing:.06em}.ticket__title{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,7vw,34px);line-height:1.25;margin:0 0 22px;word-break:keep-all}.ticket__fields{margin:0;display:grid;gap:14px;padding-bottom:24px}.ticket__fields dt{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--ink-soft);margin-bottom:3px}.ticket__fields dd{margin:0;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.ticket__fields dd .day-label{font-style:normal;font-weight:700;color:var(--accent);margin-left:8px;font-size:15px}.ticket__perforation{position:relative;border-top:2px dashed var(--line);margin:0 -24px}.ticket__perforation:before,.ticket__perforation:after{content:"";position:absolute;top:-11px;width:22px;height:22px;border-radius:50%;background:var(--paper);border:1px solid var(--line)}.ticket__perforation:before{left:-12px;clip-path:inset(0 0 0 50%)}.ticket__perforation:after{right:-12px;clip-path:inset(0 50% 0 0)}.ticket__social{padding:20px 0 24px;display:grid;gap:14px}.hub-count{margin:0;font-size:15px;font-weight:600;color:var(--ink)}.hub-count .amp-mark{color:var(--accent);font-weight:800}.series-link{font-size:14px;font-weight:600}.amp-button{appearance:none;border:none;border-radius:12px;padding:15px 18px;font-size:17px;font-weight:700;cursor:pointer;background:var(--accent);color:var(--accent-ink);transition:transform .08s ease}.amp-button:active{transform:scale(.985)}.amp-button:disabled{cursor:default;background:var(--tint);color:var(--ink);border:1px solid var(--line)}.amp-feedback{margin:0;font-size:14px;color:var(--ink-soft)}.access-note{margin:18px 4px 0;font-size:13px;color:var(--ink-soft)}.create-form{margin-top:28px;display:grid;gap:18px}.create-form__heading{font-family:var(--font-display);font-weight:800;font-size:28px;margin:0}.create-form__sub{margin:-12px 0 4px;color:var(--ink-soft);font-size:14px}.field{display:grid;gap:6px}.field__label{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--ink-soft)}.field input{padding:13px 14px;border:1px solid var(--line);border-radius:12px;font-size:16px;font-family:inherit;background:#fff;color:var(--ink)}.field input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.access-picker{border:none;margin:0;padding:0;display:grid;gap:8px}.access-picker legend{padding:0;margin-bottom:6px}.access-option{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}.access-option--on{border-color:var(--accent);background:var(--tint)}.access-option input{accent-color:var(--accent)}.access-option__label{font-weight:700;font-size:15px}.access-option__note{font-size:13px;color:var(--ink-soft)}.form-errors{margin:0;padding:12px 16px;list-style:none;border:1px solid #e8b4a8;background:#fdf2ef;border-radius:12px;color:#a13c22;font-size:14px;display:grid;gap:4px}.home-hero__cta{display:inline-block;margin-top:22px;text-decoration:none;color:var(--accent-ink)}.shelf{margin-top:30px;display:grid;gap:24px}.shelf__title{font-family:var(--font-display);font-weight:700;font-size:17px;margin:0 0 4px;display:flex;align-items:center;gap:10px}.twin-burst{font-size:14px;color:var(--accent);animation:burst .5s ease-out both}@keyframes burst{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.twin-burst{animation:none}}.shelf__sub{margin:0 0 10px;font-size:13px;color:var(--ink-soft)}.shelf__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.shelf__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:12px}.shelf__plan{font-weight:600;color:var(--ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shelf__actions{display:flex;gap:6px;flex-shrink:0}.twin-yes,.twin-no{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;cursor:pointer}.twin-yes{border:none;background:var(--accent);color:var(--accent-ink)}.twin-no{border:1px solid var(--line);background:transparent;color:var(--ink-soft)}.shell__top-actions{display:flex;align-items:center;gap:14px}.new-link{font-weight:700;font-size:14px}.tl{list-style:none;margin:24px 0 0;padding:0 0 0 18px;position:relative;display:grid;gap:14px}.tl:before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:2px;background:var(--line)}.tl-item{position:relative}.tl-item__dot{position:absolute;left:-19.5px;top:22px;width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--paper)}.tl-item[data-phase=anticipation] .tl-item__dot{background:#5b4fe0}.tl-item[data-phase=moment] .tl-item__dot{background:#f04e23}.tl-item--past .tl-item__dot{background:#b49a76}.tl-card{display:grid;gap:2px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;color:var(--ink)}.tl-item--past .tl-card{background:#faf6ef}.tl-item--past .tl-card__title{color:#5e5245}.tl-card__when{font-size:12px;font-weight:700;color:var(--ink-soft);font-variant-numeric:tabular-nums}.tl-item[data-phase=anticipation] .tl-card__when{color:#5b4fe0}.tl-item[data-phase=moment] .tl-card__when{color:#f04e23}.tl-card__title{font-family:var(--font-display);font-weight:700;font-size:17px}.tl-card__place{font-size:13px;color:var(--ink-soft)}.tl-today{display:flex;align-items:center;gap:10px;margin-left:-18px}.tl-today__line{flex:1;height:2px;background:var(--accent);opacity:.35}.tl-today__word{font-family:var(--font-display);font-weight:800;font-size:13px;letter-spacing:.2em;color:var(--accent)}.ps{margin-top:30px;display:grid;gap:12px}.ps__title{font-family:var(--font-display);font-weight:800;font-size:19px;margin:0;color:var(--phase-word-color)}.ps__count{font-size:15px;margin-left:2px}.ps__empty{margin:0;font-size:14px;color:var(--ink-soft)}.ps__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.ps__item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.ps__body{margin:0 0 6px;white-space:pre-wrap;font-size:15px}.ps__meta{margin:0;font-size:12px;color:var(--ink-soft)}.ps__form{display:grid;gap:10px}.ps__form textarea{padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;resize:vertical;background:#fff;color:var(--ink)}.ps__form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.series__head{display:flex;align-items:center;justify-content:space-between;margin-top:26px}.series__title{font-family:var(--font-display);font-weight:800;font-size:26px;margin:0}.series__meta{margin:4px 0 18px;color:var(--ink-soft);font-size:14px}.series__list{list-style:none;margin:0;padding:0;display:grid;gap:10px}.follow-button{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;cursor:pointer}.next-link{font-weight:700;font-size:14px}.invite-button{appearance:none;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:12px;padding:12px 18px;font-size:15px;font-weight:700;cursor:pointer}.invite-link{display:grid;gap:8px}.invite-link__url{font-size:12px;padding:10px 12px;background:var(--tint);border:1px solid var(--line);border-radius:10px;word-break:break-all}.invite-note{margin-top:14px}.chat{margin-top:30px;display:grid;gap:12px}.chat__title{font-family:var(--font-display);font-weight:800;font-size:19px;margin:0;display:flex;align-items:center;gap:8px}.chat__live{width:8px;height:8px;border-radius:50%;background:#2fa46a}.chat__more{justify-self:center;border:1px solid var(--line);background:transparent;color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.chat__empty{margin:0;font-size:14px;color:var(--ink-soft)}.chat__list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:420px;overflow-y:auto}.chat__item{display:grid;gap:2px}.chat__meta{font-size:12px;color:var(--ink-soft)}.chat__body{margin:0;padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:15px;white-space:pre-wrap;width:fit-content;max-width:100%}.chat__form{display:flex;gap:8px}.chat__form input{flex:1;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:15px;font-family:inherit;background:#fff;color:var(--ink)}.chat__form input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chat__send{padding:12px 18px;font-size:15px}.noti__list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.noti__item{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;font-family:inherit;font-size:14px;color:var(--ink-soft);cursor:pointer;text-align:left}.noti__item--unread{border-color:var(--accent);color:var(--ink)}.noti__item--unread .noti__message{font-weight:700}.noti__time{font-size:12px;flex-shrink:0}.noti-badge{display:inline-block;margin-left:4px;min-width:18px;padding:1px 5px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:11px;text-align:center}.state-screen{margin-top:25vh;text-align:center;color:var(--ink-soft)}.state-screen h1{font-family:var(--font-display);font-size:22px;color:var(--ink);margin-bottom:8px}.home-hero{margin-top:22vh;text-align:center}.home-hero h1{font-family:var(--font-display);font-weight:800;font-size:40px;margin:0 0 10px}.home-hero h1 em{font-style:normal;color:var(--accent)}.home-hero p{color:var(--ink-soft);margin:0}.avatar{width:20px;height:20px;border-radius:50%;object-fit:cover;vertical-align:-5px;margin-right:2px}.avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft, #ffe3d2);color:var(--accent, #e65c2e);font-size:11px;font-weight:700}.toast-stack{position:fixed;bottom:84px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100;width:min(440px,calc(100vw - 32px));pointer-events:none}.toast{background:var(--ink, #1c1917);color:#fff;border-radius:10px;padding:10px 14px;font-size:14px;box-shadow:0 6px 20px #00000040;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,#0000000f 25%,#0000001c,#0000000f 75%);background-size:200% 100%;animation:skeleton-wave 1.4s ease-in-out infinite}.skeleton--line{height:12px;margin:8px 0}.skeleton--title{height:20px}@keyframes skeleton-wave{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(480px,100vw);display:flex;background:var(--surface, #fff);border-top:1px solid rgba(0,0,0,.08);padding-bottom:env(safe-area-inset-bottom);z-index:50}.tabbar__item{flex:1;text-align:center;padding:13px 0 12px;font-size:14px;font-weight:600;color:var(--ink-soft, #6b7280);text-decoration:none;position:relative}.tabbar__item.active,.tabbar__item--record{color:var(--accent, #e65c2e)}.tabbar__item .noti-badge{margin-left:4px}.plan-page{padding-bottom:72px}.share-button{background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600;color:var(--ink, #1c1917);cursor:pointer;margin-top:8px}.share-button:hover{border-color:var(--accent, #e65c2e);color:var(--accent, #e65c2e)}