:root{--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--cta-height: 52px;--tabbar-height: 58px}.app{min-height:100vh;min-height:100dvh}.app-header{padding-top:var(--safe-top);height:calc(var(--header-height) + var(--safe-top))}.app-header__brand{text-decoration:none}.app__main{padding-bottom:calc(var(--space-10) + var(--safe-bottom))}.app__main:has(.cta){padding-bottom:calc(var(--cta-height) + var(--space-8) + var(--safe-bottom))}.app-footer{padding-bottom:calc(var(--space-8) + var(--safe-bottom))}.app--tabbed .app__main{padding-bottom:calc(var(--space-6) + var(--tabbar-height) + var(--safe-bottom))}.app--tabbed .app__main:has(.cta){padding-bottom:calc(var(--cta-height) + var(--space-8) + var(--tabbar-height) + var(--safe-bottom))}.app--tabbed .app-footer{padding-bottom:calc(var(--space-6) + var(--tabbar-height) + var(--safe-bottom))}.app--tabbed .cta{bottom:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--space-3)}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:grid;grid-template-columns:repeat(3,1fr);height:calc(var(--tabbar-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--color-surface);border-top:1px solid var(--color-border)}@media(min-width:720px){.tabbar{left:50%;transform:translate(-50%);max-width:520px}}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--color-text-subtle);text-decoration:none;transition:color .15s var(--ease)}.tabbar__item.is-active{color:var(--color-primary)}.tabbar__label{font-size:.68rem;font-weight:600;letter-spacing:-.01em}@media(min-width:720px){.app{max-width:520px;margin:0 auto;min-height:100vh;background:var(--color-surface-sunken);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.app-header{background:var(--color-surface-sunken);-webkit-backdrop-filter:none;backdrop-filter:none}}.topbar{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.topbar__back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;margin-left:calc(var(--space-2) * -1);padding:0;background:none;border:0;border-radius:var(--radius-full);color:var(--color-text);cursor:pointer}.topbar__back:hover{background:#2c2c2a0f}.topbar__title{font-size:1rem;font-weight:700;letter-spacing:-.01em}.topbar__sub{margin-left:auto;font-size:.8rem;color:var(--color-text-subtle)}.page-head__title{letter-spacing:-.02em}.map-stage{position:relative;aspect-ratio:3 / 4;max-height:52dvh;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-primary-soft);border:1px solid var(--color-border)}.map-stage__canvas{width:100%;height:100%}.map-stage__placeholder{position:absolute;inset:0;background:var(--color-primary-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);font-size:.82rem;color:var(--color-primary)}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-2)}.seg__item{height:40px;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:none;font-family:inherit;font-size:.88rem;font-weight:500;color:var(--color-text);cursor:pointer;transition:background .15s var(--ease),border-color .15s var(--ease)}.seg__item:hover:not(.is-active){border-color:var(--color-text-muted)}.seg__item.is-active{background:var(--color-accent-soft);border-color:var(--color-accent-soft);color:var(--color-accent)}.stack{display:flex;flex-direction:column}.stack--3{gap:var(--space-3)}.stack--4{gap:var(--space-4)}.stack--5{gap:var(--space-5)}.cta{position:fixed;left:0;right:0;bottom:0;z-index:20;padding:var(--space-3) var(--space-4) calc(var(--space-3) + var(--safe-bottom));background:linear-gradient(to top,var(--color-bg) 70%,transparent)}.cta__inner{width:100%;max-width:var(--content-width);margin:0 auto}@media(min-width:720px){.cta{max-width:520px;left:50%;transform:translate(-50%);background:linear-gradient(to top,var(--color-surface-sunken) 70%,transparent)}}.btn--lg{height:var(--cta-height);font-size:.95rem;font-weight:600}.btn--accent{background:var(--color-accent-soft);border:1px solid transparent;color:var(--color-accent)}.btn--accent:not(:disabled):hover{background:#f3e2c6}.hint-link{margin-top:var(--space-4);text-align:center;font-size:.8rem;color:var(--color-text-subtle)}.hint-link a{color:var(--color-text-muted);font-weight:600;text-decoration:underline;text-underline-offset:2px}.hint-link a:hover{color:var(--color-primary)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);height:92px;padding:0 var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;cursor:pointer;transition:border-color .15s var(--ease),transform .15s var(--ease)}.tile:hover:not(:disabled){border-color:var(--color-primary)}.tile:active:not(:disabled){transform:scale(.98)}.tile:disabled{opacity:.5;cursor:default}.tile__icon{color:var(--color-primary)}.tile__label{font-size:.85rem;font-weight:600;color:var(--color-text)}.tile__count{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-primary);font-size:.68rem;font-weight:700;color:var(--color-surface)}.visited{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.visited__title{font-size:.9rem;font-weight:700}.visited__group{margin-top:var(--space-4)}.visited__label{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:600;color:var(--color-text-subtle)}.visited__list{margin-top:var(--space-2);padding:0;list-style:none;font-size:.88rem;color:var(--color-text-muted)}.visited__item{display:flex;align-items:center;gap:var(--space-3);border-bottom:1px solid var(--color-border)}.visited__item:last-child{border-bottom:0}.visited__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.place-card{position:relative;display:flex;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.place-card__pick{position:absolute;inset:0;padding:0;background:none;border:0;border-radius:inherit;cursor:pointer}.place-card__thumb,.place-card__body{position:relative;pointer-events:none}.place-card__actions{position:relative;pointer-events:auto}.place-card:hover{border-color:var(--color-border-strong)}.place-card__thumb{flex:none;width:88px;height:88px;object-fit:cover;border-radius:var(--radius-sm);background:var(--color-primary-soft)}.place-card__thumb.is-contain{object-fit:contain}.place-card__thumb--empty{display:flex;align-items:center;justify-content:center;font-size:.72rem;color:var(--color-primary)}.place-card__body{display:flex;flex-direction:column;flex:1;min-width:0}.place-card__name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.place-card__address{margin-top:2px;font-size:.78rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.place-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-3);margin-top:2px;font-size:.72rem;color:var(--color-text-subtle)}.place-card__again{display:inline-flex;align-items:center;gap:3px;font-weight:600;color:var(--color-primary)}.place-card__actions{display:flex;align-items:center;gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.place-card__actions>:first-child{margin-right:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-family:inherit;font-size:1rem;line-height:1;color:var(--color-text-muted);text-decoration:none;cursor:pointer;transition:border-color .15s var(--ease),color .15s var(--ease)}.icon-btn:hover:not(:disabled){border-color:var(--color-border-strong);color:var(--color-text)}.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn--heart.is-on{border-color:var(--color-danger);color:var(--color-danger)}.row-list{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;text-decoration:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;transition:border-color .15s var(--ease)}.row:hover{border-color:var(--color-border-strong)}.row:disabled{opacity:.55;cursor:default}.row:disabled:hover{border-color:var(--color-border)}.row__body{min-width:0;flex:1}.row__title{display:block;font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__meta{display:block;margin-top:2px;font-size:.78rem;color:var(--color-text-muted)}.badge{flex-shrink:0;padding:3px var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-soft);font-size:.74rem;font-weight:600;color:var(--color-primary)}.row__arrow{flex:none;color:var(--color-text-subtle)}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-6)}.stat{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-5) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat__value{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.stat__label{font-size:.76rem;color:var(--color-text-subtle)}.menu{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:52px;padding:0 var(--space-4);background:none;border:0;border-bottom:1px solid var(--color-border);font-family:inherit;font-size:.9rem;color:var(--color-text);text-align:left;text-decoration:none;cursor:pointer;transition:background .15s var(--ease)}.menu__item:last-child{border-bottom:0}.menu__item:hover{background:var(--color-surface-sunken)}.menu__item:disabled{opacity:.5;cursor:default}.menu__item svg{flex:none;color:var(--color-text-muted)}.menu__label{flex:1;min-width:0}.menu__item .menu__arrow{color:var(--color-text-subtle)}.empty{padding:var(--space-10) var(--space-4);text-align:center}.empty__title{font-size:.95rem;font-weight:600;color:var(--color-text-muted)}.empty__desc{margin-top:var(--space-2);font-size:.82rem;color:var(--color-text-subtle)}.auth-form{margin-top:var(--space-2)}.field__input{font-size:16px}.form-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--color-danger-soft);font-size:.82rem;color:var(--color-danger)}.app-header__brand{display:inline-flex;align-items:center;gap:var(--space-2)}.app-header__brand .app-header__name{color:var(--color-text)}.app-header__mark{width:28px;height:28px;margin-top:1px}.form-note{font-size:.76rem;line-height:1.6;color:var(--color-text-subtle)}.form-note a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.prose{font-size:.86rem;line-height:1.75;color:var(--color-text-muted)}.prose h2{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:.92rem;font-weight:700;color:var(--color-text)}.prose p{margin-bottom:var(--space-3)}.prose ul{margin-bottom:var(--space-3);padding-left:1.1em;list-style:disc}.prose li{margin-bottom:var(--space-2)}.prose strong{color:var(--color-text)}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.app-footer a{color:var(--color-text-muted);text-decoration:underline;text-underline-offset:2px}.throw-count{text-align:center;font-size:.85rem;color:var(--color-text-muted)}.throw-count strong{color:var(--color-text);font-weight:700}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4);padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom));background:#2c2c2a73}@media(min-width:560px){.modal{align-items:center}}.modal__panel{width:100%;max-width:var(--content-width);padding:var(--space-6) var(--space-5) var(--space-5);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:center}.modal__eyebrow{font-size:.78rem;font-weight:600;color:var(--color-text-subtle);margin-bottom:var(--space-2)}.modal__title{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--color-text)}.modal__desc{margin-top:var(--space-2);font-size:.85rem;color:var(--color-text-muted)}.modal__note{margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--color-primary-soft);font-size:.78rem;color:var(--color-primary)}.modal__actions{margin-top:var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}