@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,650;9..144,700&family=Noto+Sans+JP:wght@400;500;700;900&family=Plus+Jakarta+Sans:wght@500;700;800;900&display=swap";:root{--bg: #f7f4ef;--bg-soft: #f3eee6;--surface: #ffffff;--ink: #1c2433;--ink-muted: #64748b;--orange: #ea580c;--orange-soft: #ffedd5;--orange-pressed: #c2410c;--green: #3d8b4f;--green-soft: #e8f4ea;--amber-soft: #f8efd8;--line: #e7e2d9;--steel: #64748b;--radius: 18px;--radius-sm: 14px;--radius-interact: 12px;--font-display: "Fraunces", "Noto Sans JP", serif;--font-ui: "Plus Jakarta Sans", "Noto Sans JP", sans-serif;--app-width: 430px;--frame-bg: #1c2433;--nav-h: 64px;--nav-pad-top: 2px;--nav-pad-bottom: 4px;--nav-pad-x: 2px;--nav-cols: 4;--nav-cursor-inset: 2px;--nav-cursor-h: calc( var(--nav-h) - var(--nav-pad-top) - var(--nav-pad-bottom) );--nav-float-gap: 10px;--nav-side-inset: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-bottom-inset: max( var(--nav-float-gap), calc(var(--safe-bottom) - 20px) );--nav-clearance: calc(var(--nav-h) + var(--nav-bottom-inset) + 8px);--shadow-soft: 0 16px 44px rgba(31, 41, 55, .08);--shadow-card: 0 10px 26px rgba(31, 41, 55, .06)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--bg)}@media(min-width:431px){body{background:var(--frame-bg)}}#app{min-height:100dvh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:1.08}.app-shell{min-height:100dvh;padding-bottom:var(--nav-clearance);background:var(--bg)}.app-shell.no-nav{padding-bottom:0}@media(min-width:431px){.app-shell{background:linear-gradient(var(--bg),var(--bg)) center / min(var(--app-width),100%) 100% no-repeat,var(--frame-bg)}}.app-content{min-height:calc(100dvh - var(--nav-clearance))}.page{width:min(var(--app-width),100%);margin:0 auto;padding:calc(18px + var(--safe-top)) 16px 28px}.page.page-full{padding:0}.page-no-nav{width:min(var(--app-width),100%);min-height:100dvh;margin:0 auto;padding:calc(18px + var(--safe-top)) 16px calc(24px + var(--safe-bottom))}.bottom-nav{position:fixed;left:50%;bottom:var(--nav-bottom-inset);z-index:40;display:grid;grid-template-columns:repeat(var(--nav-cols),1fr);align-items:stretch;width:min(calc(var(--app-width) - 2 * var(--nav-side-inset)),calc(100% - 2 * var(--nav-side-inset)));height:var(--nav-h);padding:var(--nav-pad-top) var(--nav-pad-x) var(--nav-pad-bottom);transform:translate(-50%);isolation:isolate;overflow:hidden;border:1px solid rgba(31,41,55,.12);border-radius:999px;background:transparent;box-shadow:0 10px 32px #1f293729,0 1px #ffffff8c inset;container-type:inline-size;--nav-i: 0;transition:height .28s cubic-bezier(.32,.72,0,1),width .28s cubic-bezier(.32,.72,0,1)}.bottom-nav.is-compact{height:48px;width:min(286px,calc(100% - 88px));--nav-cursor-h: calc(48px - var(--nav-pad-top) - var(--nav-pad-bottom))}.bottom-nav .bottom-nav-glass{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:#ffffff9e;pointer-events:none;backdrop-filter:blur(28px) saturate(1.65);-webkit-backdrop-filter:blur(28px) saturate(1.65)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.bottom-nav .bottom-nav-glass{background:#fffffff5}}@media(prefers-reduced-transparency:reduce){.bottom-nav .bottom-nav-glass{background:#fffffff7;backdrop-filter:none;-webkit-backdrop-filter:none}}.bottom-nav .nav-cursor{--nav-slot: calc(100cqi / var(--nav-cols));--nav-cursor-w: calc(var(--nav-slot) - 2 * var(--nav-cursor-inset));position:absolute;top:var(--nav-pad-top);left:calc(var(--nav-pad-x) + var(--nav-cursor-inset));z-index:1;width:var(--nav-cursor-w);height:var(--nav-cursor-h);margin:0;border:none;border-radius:999px;background:color-mix(in srgb,var(--orange) 18%,#fff);outline:none;box-shadow:none;pointer-events:none;transform:translate3d(calc(var(--nav-i) * var(--nav-slot)),0,0);transition:transform .34s cubic-bezier(.32,.72,0,1),height .28s cubic-bezier(.32,.72,0,1);will-change:transform}.bottom-nav .nav-item{position:relative;z-index:2;display:flex;grid-row:1;align-items:center;justify-content:center;min-width:0;min-height:44px;height:100%;padding:0;border-radius:999px;background:transparent;color:var(--ink);font-weight:700;text-decoration:none;transition:color .2s ease}.bottom-nav .nav-item-inner{display:flex;max-width:100%;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:max-content;padding:0 2px;transform:translateY(-1px);transition:gap .22s ease,transform .22s ease}.bottom-nav.is-compact .nav-item{min-height:0}.bottom-nav.is-compact .nav-item-inner{gap:0;transform:none}.bottom-nav .nav-icon-wrap{display:grid;width:28px;height:24px;place-items:center}.bottom-nav .nav-icon{display:grid;width:22px;height:22px;place-items:center;color:inherit;line-height:0}.bottom-nav .nav-icon svg,.bottom-nav .nav-icon .iconify{display:block;width:22px;height:22px}.bottom-nav .nav-label{max-width:100%;max-height:1.1em;overflow:hidden;font-size:.58rem;font-weight:700;letter-spacing:-.01em;line-height:1;text-overflow:ellipsis;white-space:nowrap;opacity:1;transition:opacity .18s ease,max-height .28s cubic-bezier(.32,.72,0,1)}.bottom-nav.is-compact .nav-label{max-height:0;opacity:0;pointer-events:none}.bottom-nav .nav-item.router-link-active{background:transparent;color:var(--orange)}@media(prefers-reduced-motion:reduce){.bottom-nav,.bottom-nav .nav-cursor,.bottom-nav .nav-label{transition:none}}.muted{color:var(--ink-muted)}.surface{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-card)}.section-kicker{color:var(--orange);font-size:.76rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.section-title{margin-top:6px;font-size:1.75rem}.section-lead{margin-top:10px;color:var(--ink-muted);font-size:.98rem;line-height:1.55}.section-row{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:24px 0 12px}.section-row h2{font-size:1.15rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.48rem;min-height:48px;padding:.75rem 1.05rem;border-radius:var(--radius-sm);font-weight:800;line-height:1;transition:transform .16s ease,background .16s ease,border-color .16s ease,opacity .16s ease}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.55}.btn .iconify{width:20px;height:20px}.btn-primary{background:var(--orange);color:#fff}.btn-primary:active{background:var(--orange-pressed)}.btn-secondary{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.btn-ghost{border:1px solid var(--line);background:transparent;color:var(--ink)}.btn-line{background:#06c755;color:#fff}.icon-btn{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);box-shadow:0 8px 20px #1a242014}.icon-btn .iconify{width:21px;height:21px}.chip,.pill{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:.42rem .72rem;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-muted);font-size:.82rem;font-weight:800}.pill-strong{border-color:transparent;background:var(--orange-soft);color:var(--orange)}.field{display:flex;flex-direction:column;gap:.42rem}.field label{color:var(--ink-muted);font-size:.84rem;font-weight:800}.field input,.field select,.search-input{min-height:48px;width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);outline:none;padding:.72rem .88rem}.field input:focus,.field select:focus,.search-input:focus{border-color:color-mix(in srgb,var(--orange) 55%,var(--line));box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 16%,transparent)}.tabs,.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--surface)}.tab,.segment{min-height:38px;border-radius:999px;color:var(--ink-muted);font-size:.88rem;font-weight:900}.tab.active,.segment.active{background:var(--orange);color:#fff}.chip.active,.pill.active{border-color:transparent;background:var(--orange);color:#fff}.empty{margin:12px 0;padding:24px 16px;border:1px dashed var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--ink-muted);text-align:center}.error-text{color:#9b3b2e;font-size:.9rem;font-weight:700}.back-link{display:inline-flex;align-items:center;gap:6px;color:var(--ink-muted);font-weight:800}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(10px)}}.fade-up{opacity:1;animation:fade-up .55s cubic-bezier(.22,1,.36,1)}.fade-up-delay-1{animation-delay:.08s}.fade-up-delay-2{animation-delay:.16s}.fade-up-delay-3{animation-delay:.24s}.stagger-item{opacity:1;animation:stagger-in .42s cubic-bezier(.22,1,.36,1)}@media(prefers-reduced-motion:reduce){.fade-up,.stagger-item{animation:none;opacity:1;transform:none}}