@font-face{font-family:Zennie;src:url('/mobile/nunito.ttf') format('truetype');font-display:swap} :root{--paper:#fbf5eb;--ink:#192030;--muted:#4b5669;--accent:#9c4c16;--edge:#d9cbb7;--space:1.2rem}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 10% 0,#f8e4c7,transparent 55%),var(--paper);color:var(--ink);font:1.05rem/1.7 Zennie,ui-sans-serif,sans-serif}header,main,footer{max-width:55rem;margin:auto;padding:1.5rem}header{display:flex;align-items:center;gap:.8rem;border-bottom:1px solid var(--edge)}header img{width:44px;height:44px;border-radius:12px}header a{font-weight:800;font-size:1.5rem;text-decoration:none;color:var(--ink)}nav{margin-left:auto;display:flex;gap:1rem;font-size:.9rem}nav a{font-size:inherit;color:var(--accent)}main{padding-top:3.5rem;padding-bottom:4rem}h1{font-size:clamp(2rem,6vw,3.1rem);line-height:1.15;letter-spacing:-.035em;margin:0 0 1rem}h2{font-size:1.35rem;line-height:1.3;margin:2.2rem 0 .65rem}p,li{max-width:70ch}a{color:var(--accent);text-underline-offset:4px}a:hover{color:#64300e}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #155c8a;outline-offset:4px}a:active{opacity:.7}.meta{color:var(--muted);font-size:.9rem}.intro{font-size:1.2rem;color:var(--muted)}footer{border-top:1px solid var(--edge);font-size:.9rem;color:var(--muted)}label{display:block;font-weight:800;margin-top:1.3rem}input,textarea,button{font:inherit}input,textarea{display:block;width:100%;padding:.8rem;border:1px solid #8b806f;background:#fffcf6;color:var(--ink);border-radius:8px}textarea{min-height:7rem}button{margin-top:1.3rem;background:#233d5d;color:#fff9ef;border:0;border-radius:8px;padding:.8rem 1.4rem;cursor:pointer;font-weight:800}button:hover{background:#152d49}button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:wait}.notice{padding:1rem;border:1px solid var(--edge);border-radius:8px;min-height:2rem} @media(max-width:540px){header{flex-wrap:wrap}nav{margin-left:0;width:100%;gap:.7rem}main{padding-top:2.3rem}}