:root{--blue:#1d5fbf;--blue-dark:#174c99;--blue-tint:#e8f0fb;--sun:#ffc83d;--sun-tint:#fff3cf;--sun-ink:#4a3500;--bg:#fffbf0;--surface:#fff;--ink:#17243a;--ink-soft:#4a5568;--line:#e3dcc8;--line-strong:#8a8371;--danger:#b3261e;--danger-tint:#fdecea;--success:#17683a;--success-tint:#e6f4ea;--radius:14px;--tap:3.5rem;--gap:1rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Noto Sans Devanagari,Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif;font-size:112.5%;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0}h1,h2,p{margin:0}h1{font-size:1.6rem;line-height:1.2}h2{font-size:1.15rem;line-height:1.3}a{color:var(--blue)}svg{flex:none}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.app{flex-direction:column;max-width:32rem;min-height:100dvh;margin:0 auto;display:flex}.screen{padding:1.25rem 1rem 2rem;padding-top:calc(1.25rem + env(safe-area-inset-top));flex-direction:column;flex:1;gap:1.25rem;display:flex}.app-shell .screen{padding-bottom:calc(6rem + env(safe-area-inset-bottom))}.screen-auth{padding-top:calc(2rem + env(safe-area-inset-top));gap:1.5rem}.stack{gap:var(--gap);flex-direction:column;display:flex}.links{text-align:center;align-items:center}.links a{align-items:center;min-height:3rem;font-weight:600;display:inline-flex}.screen-header{flex-direction:column;gap:.5rem;display:flex}.subtitle{color:var(--ink-soft)}.lead{font-size:1.1rem}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:.85rem;font-weight:700}.back-link{align-self:flex-start;align-items:center;gap:.25rem;min-height:3rem;margin-left:-.4rem;padding-right:.75rem;font-weight:600;text-decoration:none;display:inline-flex}.splash{place-items:center;min-height:100dvh;display:grid}.logo{align-items:center;gap:.6rem;display:flex}.logo-word{color:var(--blue);font-family:ui-rounded,SF Pro Rounded,Arial Rounded MT Bold,Nunito,system-ui,sans-serif;font-weight:800;line-height:1}.logo-large svg{width:3.5rem;height:3.5rem}.logo-large .logo-word{font-size:2.4rem}.logo-small svg{width:1.75rem;height:1.75rem}.logo-small .logo-word{font-size:1.2rem}.welcome-brand{flex-direction:column;gap:.75rem;padding:1rem 0 .5rem;display:flex}.tagline{font-size:1.2rem}.btn{width:100%;min-height:var(--tap);border-radius:var(--radius);font:inherit;text-align:center;cursor:pointer;border:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--blue);color:#fff}.btn-primary:active:not(:disabled){background:var(--blue-dark)}.btn-secondary{background:var(--surface);border-color:var(--blue);color:var(--blue)}.btn-secondary:active:not(:disabled){background:var(--blue-tint)}.btn-danger{background:var(--danger);color:#fff}.btn-quiet{color:var(--blue);background:0 0}.btn-quiet-danger{color:var(--danger)}.field{flex-direction:column;gap:.35rem;display:flex}.field label{font-weight:700}.field-optional{color:var(--ink-soft);font-weight:400}.field-hint{color:var(--ink-soft);font-size:.95rem}.field-control{background:var(--surface);border:2px solid var(--line-strong);border-radius:var(--radius);align-items:stretch;display:flex;overflow:hidden}.field-control:focus-within{border-color:var(--blue);outline:3px solid var(--blue-tint)}.field-control input,.field-control textarea{min-width:0;min-height:var(--tap);color:inherit;font:inherit;background:0 0;border:0;flex:1;padding:.7rem .9rem;font-size:1.1rem}.field-control textarea{resize:vertical;line-height:1.4}.field-control input:focus,.field-control textarea:focus{outline:none}.field-toggle{border:0;border-left:2px solid var(--line);min-width:4.5rem;color:var(--blue);font:inherit;cursor:pointer;background:0 0;padding:0 .9rem;font-weight:700}.field-invalid .field-control{border-color:var(--danger)}.field-error{color:var(--danger);font-weight:600}.language-picker{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.language{min-height:var(--tap);border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;padding:.5rem .25rem;font-size:1.1rem;font-weight:600}.language-active{border-color:var(--blue);background:var(--blue);color:#fff}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.empty{text-align:center;color:var(--ink-soft);flex-direction:column;gap:.4rem;display:flex}.empty h2{color:var(--ink)}.list{flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.list-item{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-height:4rem;color:var(--ink);align-items:center;gap:.75rem;padding:.85rem .75rem .85rem 1rem;text-decoration:none;display:flex}.list-item:active{background:var(--blue-tint)}.list-item>svg{color:var(--ink-soft)}.list-text{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.list-title{overflow-wrap:anywhere;font-size:1.1rem;font-weight:700}.list-detail{color:var(--ink-soft);overflow-wrap:anywhere}.tag{color:var(--ink-soft);align-items:center;gap:.3rem;margin-top:.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.tag svg{width:1.1rem;height:1.1rem}.tag-warning{color:var(--danger)}.notice{border-radius:var(--radius);align-items:flex-start;gap:.6rem;padding:.85rem 1rem;font-weight:600;display:flex}.notice-info{background:var(--blue-tint);color:var(--ink)}.notice-success{background:var(--success-tint);color:var(--success)}.notice-warning{background:var(--sun-tint);color:var(--sun-ink)}.notice-error{background:var(--danger-tint);color:var(--danger)}.account-line{overflow-wrap:anywhere}.version{color:var(--ink-soft);text-align:center;font-size:.9rem}.banner{padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top));align-items:center;gap:.6rem;font-size:.95rem;font-weight:600;line-height:1.35;text-decoration:none;display:flex}.banner-info{background:var(--ink);color:#fff}.banner-warning{background:var(--sun);color:#2b2000}.banner+.screen{padding-top:1.25rem}.bottom-nav{z-index:10;max-width:32rem;padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-height:4rem;color:var(--ink-soft);flex-direction:column;justify-content:center;align-items:center;gap:.15rem;padding:.4rem .25rem;font-size:.8rem;font-weight:700;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--blue)}.bottom-nav a.active svg{stroke-width:2.6px}.dialog{background:var(--surface);width:min(28rem,100vw - 2rem);color:var(--ink);border:0;border-radius:20px;padding:1.5rem 1.25rem 1.25rem}.dialog[open]{flex-direction:column;gap:1rem;display:flex}.dialog::backdrop{background:#17243a99}@media (prefers-reduced-motion:no-preference){.btn,.language,.list-item{transition:background-color .12s}}
