:root{--color-background:#fffaf4;--color-surface:#fffdf9;--color-surface-strong:#fff;--color-primary:#db642e;--color-primary-hover:#c95725;--color-primary-soft:#fff0df;--color-secondary:#607d62;--color-secondary-soft:#edf3e8;--color-text:#2b251f;--color-text-muted:#746c63;--color-border:#eadfd4;--color-danger:#b7463e;--color-focus:#a84418;--shadow-card:0 18px 48px #593a231a;--shadow-floating:0 10px 24px #a0492038;--radius-small:12px;--radius-medium:16px;--radius-large:22px;--radius-screen:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--font-sans:"Noto Sans JP", "Yu Gothic UI", "Yu Gothic", system-ui, sans-serif;font-family:var(--font-sans);color:#2b251f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fffaf4}*{box-sizing:border-box}html{background:#fffaf4;min-width:320px}body{background:radial-gradient(circle at 15% 5%,#ffe8d2 0,#0000 34%),#fffaf4;place-items:center;min-width:320px;min-height:100vh;margin:0;display:grid}#root{place-items:center;width:100%;padding:16px;display:grid}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #a844183d}@media (width<=460px){#root{padding:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.mobile-shell{border:1px solid var(--color-border);border-radius:var(--radius-screen);background:var(--color-surface);width:min(100%,430px);min-width:0;max-width:100%;height:min(820px,100svh - 32px);min-height:min(820px,100svh - 32px);box-shadow:var(--shadow-card);grid-template-rows:26px minmax(0,1fr) auto;display:grid;overflow:hidden}.mobile-shell__speaker{place-items:center;display:grid}.mobile-shell__speaker:before{background:var(--color-text);content:"";opacity:.86;border-radius:999px;width:76px;height:5px}.mobile-shell__body{min-width:0;min-height:0;overflow:hidden auto}.bottom-navigation{z-index:2;width:100%;min-width:0;max-width:100%;min-height:72px;padding:8px 8px max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:#fffdf9f5;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;display:grid;position:relative;overflow:hidden}.bottom-navigation__item,.bottom-navigation__add{font:inherit;cursor:pointer;border:0}.bottom-navigation__item{border-radius:var(--radius-small);width:100%;min-width:0;min-height:52px;color:var(--color-text-muted);background:0 0;place-items:center;gap:3px;font-size:.64rem;transition:color .16s,transform .16s,background .16s;display:grid}.bottom-navigation__item[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary)}.bottom-navigation__item:active{transform:scale(.9)}.bottom-navigation__item svg{flex:none;transition:transform .18s cubic-bezier(.2,.8,.3,1.25)}.bottom-navigation__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.bottom-navigation__item[aria-current=page] svg{transform:translateY(-2px)scale(1.08)}.bottom-navigation__add{background:var(--color-primary);color:#fffaf5;width:50px;height:50px;box-shadow:var(--shadow-floating);border-radius:50%;justify-self:center;place-items:center;margin-bottom:12px;transition:transform .17s cubic-bezier(.2,.8,.3,1.3),box-shadow .17s;display:grid}.bottom-navigation__add:hover,.bottom-navigation__add:focus-visible{transform:translateY(-2px)rotate(4deg);box-shadow:0 11px 24px #9a4b2540}.bottom-navigation__add:active{transform:translateY(1px)rotate(-5deg)scale(.9)}@media (prefers-reduced-motion:reduce){.bottom-navigation__item,.bottom-navigation__item svg,.bottom-navigation__add{transition:none}}@media (width<=460px){.mobile-shell{height:100dvh;min-height:100svh;box-shadow:none;border:0;border-radius:0}.mobile-shell__speaker{display:none}.mobile-shell{grid-template-rows:minmax(0,1fr) auto}}.ui-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-5);border-radius:var(--radius-medium);cursor:pointer;border:1px solid #0000;font-weight:700;line-height:1;transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s cubic-bezier(.2,.8,.3,1);display:inline-flex}.ui-button:hover:not(:disabled){transform:translateY(-1px)}.ui-button:active:not(:disabled){transform:translateY(1px)scale(.97)}.ui-button:disabled{cursor:not-allowed;opacity:.58}.ui-button--primary{background:var(--color-primary);color:#fffaf5;box-shadow:0 7px 16px #9a4b252b}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 9px 20px #9a4b2538}.ui-button--secondary{border-color:var(--color-border);background:var(--color-surface-strong);color:var(--color-text)}.ui-button--ghost{color:var(--color-primary);background:0 0}.ui-button--full{width:100%}.ui-field{gap:7px;display:grid}.ui-field__label{color:var(--color-text);font-size:.82rem;font-weight:700}.ui-field__label span,.ui-field__error{color:var(--color-danger)}.ui-field__input{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-strong);width:100%;min-height:50px;color:var(--color-text);outline:none;padding:0 14px;font-size:1rem;transition:border-color .16s,box-shadow .16s}.ui-field__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #db642e24}.ui-field__input[aria-invalid=true]{border-color:var(--color-danger)}.ui-field__hint,.ui-field__error{margin:0;font-size:.75rem;line-height:1.5}.ui-field__hint{color:var(--color-text-muted)}.ui-card{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface-strong)}@media (prefers-reduced-motion:reduce){.ui-button,.ui-field__input{transition:none}}.auth-shell .mobile-shell__body{display:grid}.auth-screen{padding:var(--space-8) var(--space-6) var(--space-10);flex-direction:column;justify-content:center;animation:.28s cubic-bezier(.22,.82,.36,1) both auth-arrive;display:flex}.auth-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:42px;display:flex}.auth-brand strong{letter-spacing:-.04em;font-size:1.25rem}.auth-brand__mark,.auth-profile-mark{background:var(--color-primary-soft);color:var(--color-primary);place-items:center;display:grid}.auth-brand__mark{border-radius:15px;width:44px;height:44px;animation:3.6s ease-in-out infinite alternate auth-warm-float}.auth-heading{margin-bottom:var(--space-8);text-align:center}.auth-heading__eyebrow{margin:0 0 var(--space-2);color:var(--color-primary);letter-spacing:.14em;font-size:.7rem;font-weight:800}.auth-heading h1{margin:0 0 var(--space-3);letter-spacing:-.045em;font-size:1.7rem}.auth-heading>p:last-child{max-width:300px;color:var(--color-text-muted);margin:0 auto;font-size:.84rem;line-height:1.75}.auth-form{gap:var(--space-4);display:grid}.auth-form .ui-button{margin-top:var(--space-2)}.auth-security-note{margin:var(--space-5) 0 0;color:var(--color-text-muted);text-align:center;justify-content:center;align-items:center;gap:7px;font-size:.72rem;display:flex}.auth-error,.auth-success{border-radius:var(--radius-small);margin:0;padding:10px 12px;font-size:.76rem;line-height:1.55}.auth-error{color:var(--color-danger);background:#fff0ea}.auth-success{background:var(--color-secondary-soft);color:#466048}.auth-screen--nickname{position:relative}.auth-back{top:var(--space-4);left:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface-strong);width:44px;height:44px;color:var(--color-text);cursor:pointer;place-items:center;transition:transform .15s,border-color .15s,background .15s;display:grid;position:absolute}.auth-back:hover,.auth-back:focus-visible{background:var(--color-primary-soft);border-color:#e2a06e}.auth-back:active{transform:translate(-3px)scale(.92)}.auth-profile-mark{width:68px;height:68px;margin:0 auto var(--space-5);border-radius:23px}.auth-screen--settings{justify-content:flex-start;padding-top:86px;position:relative}.auth-screen--settings .auth-heading{margin-bottom:var(--space-6)}.auth-logout{padding-top:var(--space-8);margin-top:auto}.auth-confirm-backdrop{z-index:70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3624186b;justify-content:center;align-items:flex-end;padding:14px;animation:.18s both visit-fade;display:flex;position:fixed;inset:0}.auth-confirm-sheet{width:min(100%,430px);padding:20px 16px calc(16px + env(safe-area-inset-bottom));text-align:center;background:linear-gradient(170deg,#fffdfa,#fff4e8);border-radius:27px 27px 20px 20px;gap:10px;animation:.24s cubic-bezier(.22,.82,.36,1) both visit-rise;display:grid;box-shadow:0 24px 60px #341e113d}.auth-confirm-sheet>span{background:var(--color-secondary-soft);color:#557258;border-radius:18px;place-items:center;width:52px;height:52px;margin:0 auto;display:grid}.auth-confirm-sheet h2,.auth-confirm-sheet p{margin:0}.auth-confirm-sheet h2{font-size:1rem}.auth-confirm-sheet p{color:var(--color-text-muted);margin-bottom:4px;font-size:.69rem;line-height:1.65}.auth-loading{justify-content:center;align-items:center;gap:var(--space-3);min-height:100%;color:var(--color-text-muted);flex-direction:column;display:flex}.auth-error-state{min-height:100%;padding:var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-error-state h1{margin:var(--space-5) 0 var(--space-2);font-size:1.35rem}.auth-error-state p{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:.8rem}.auth-loading strong{color:var(--color-text);font-size:1.1rem}.auth-loading p{margin:0;font-size:.76rem}.auth-loading__spinner{width:22px;height:22px;margin-top:var(--space-3);border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:.72s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}@keyframes auth-arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-warm-float{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-3px)rotate(2deg)}}@media (width<=360px){.auth-screen{padding-inline:var(--space-5)}.auth-brand{margin-bottom:var(--space-8)}}@media (prefers-reduced-motion:reduce){.auth-loading__spinner{animation:none}.auth-screen,.auth-brand__mark,.auth-back{transition:none;animation:none}}