:root{--accent:#fabb00;--accent-ink:#1a1500;--radius:16px;--radius-sm:10px;--gap:18px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Padauk","Noto Sans Myanmar",Helvetica,Arial,sans-serif}:root,[data-theme=dark]{--bg:#1b1f24;--surface:#20262d;--surface-2:#262d35;--text:#eef2f6;--muted:#93a1b0;--line:#2c343d;--shadow-dark:#14181c;--shadow-light:#262d35;--green:#34d399;--red:#f87171;--amber:#fbbf24;--blue:#60a5fa;--nm-out:6px 6px 14px var(--shadow-dark),-6px -6px 14px var(--shadow-light);--nm-in:inset 4px 4px 9px var(--shadow-dark),inset -4px -4px 9px var(--shadow-light);--nm-sm:4px 4px 9px var(--shadow-dark),-4px -4px 9px var(--shadow-light)}[data-theme=light]{--bg:#e7ebf1;--surface:#eef1f6;--surface-2:#e7ebf1;--text:#1d2530;--muted:#6b7785;--line:#d7dde6;--shadow-dark:#c4ccd6;--shadow-light:#fff;--green:#059669;--red:#dc2626;--amber:#d97706;--blue:#2563eb;--nm-out:6px 6px 14px var(--shadow-dark),-6px -6px 14px var(--shadow-light);--nm-in:inset 4px 4px 9px var(--shadow-dark),inset -4px -4px 9px var(--shadow-light);--nm-sm:4px 4px 9px var(--shadow-dark),-4px -4px 9px var(--shadow-light)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px}a{color:var(--accent);text-decoration:none}::selection{background:var(--accent);color:var(--accent-ink)}.card{background:var(--surface);border-radius:var(--radius);padding:18px}.card,.pressable{box-shadow:var(--nm-out)}.pressable{transition:box-shadow .12s}.pressable:active{box-shadow:var(--nm-in)}.btn{font:inherit;font-weight:700;border:none;cursor:pointer;color:var(--text);background:var(--surface);padding:10px 16px;border-radius:var(--radius-sm);box-shadow:var(--nm-sm);transition:box-shadow .12s,color .12s;display:inline-flex;align-items:center;gap:8px}.btn:hover{color:var(--accent)}.btn:active{box-shadow:var(--nm-in)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{color:var(--accent-ink);filter:brightness(1.04)}.btn.ghost{background:transparent;box-shadow:none}.btn.sm{padding:6px 11px;font-size:13px}.btn.block{width:100%;justify-content:center}.btn.google{background:var(--surface-2)}.input,select.input,textarea.input{font:inherit;width:100%;color:var(--text);background:var(--surface-2);border:none;border-radius:var(--radius-sm);padding:11px 14px;box-shadow:var(--nm-in);outline:none}.input::placeholder{color:var(--muted)}textarea.input{resize:vertical;min-height:72px}label.lbl{display:block;color:var(--muted);font-size:12.5px;font-weight:600;margin:12px 0 6px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-gap:var(--gap);gap:var(--gap)}.muted{color:var(--muted)}.h1{font-size:22px;font-weight:800;margin:2px 0 4px}.sub{color:var(--muted);margin-bottom:18px}.center{min-height:100vh;display:grid;place-items:center;padding:20px}.err{color:var(--red)}.err,.ok{font-size:13px;margin-top:10px}.ok{color:var(--green)}.brand{display:flex;align-items:center;gap:10px}.brand .logo{width:38px;height:38px;border-radius:11px;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-weight:800;font-size:17px;box-shadow:var(--nm-sm);flex:none}.brand .name{font-weight:800;font-size:16px;letter-spacing:.3px}.brand .name small{display:block;color:var(--muted);font-weight:600;font-size:11px;letter-spacing:.5px}.seg{display:inline-flex;background:var(--surface-2);border-radius:var(--radius-sm);box-shadow:var(--nm-in);padding:4px;gap:4px}.seg button{border:none;background:transparent;color:var(--muted);font:inherit;font-weight:700;padding:6px 12px;border-radius:8px;cursor:pointer}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--nm-sm)}.divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12.5px;margin:16px 0}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.linkbtn{background:none;border:none;color:var(--accent);font:inherit;font-weight:700;cursor:pointer;padding:0}.appbar{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--bg);border-bottom:1px solid var(--line)}.appbar-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:14px;padding:12px 18px}.appnav{display:flex;gap:4px;flex-wrap:wrap}.appnav a{color:var(--muted);font-weight:700;font-size:13.5px;padding:8px 12px;border-radius:var(--radius-sm)}.appnav a.active,.appnav a:hover{color:var(--text)}.appnav a.active{background:var(--surface);box-shadow:var(--nm-sm)}.spacer{flex:1 1}.content{max-width:1000px;margin:0 auto;padding:22px 18px 48px;width:100%}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tile{display:flex;flex-direction:column;gap:6px;min-height:132px;cursor:pointer}.tile .t-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--surface-2);box-shadow:var(--nm-sm);color:var(--accent);font-size:20px;margin-bottom:6px}.tile .t-title{font-weight:800;font-size:15px}.tile .t-desc{color:var(--muted);font-size:12.5px;line-height:1.5}.tile .t-foot{margin-top:auto;color:var(--accent);font-weight:700;font-size:12.5px}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:var(--surface-2);color:var(--muted);box-shadow:var(--nm-sm)}.badge.amber{color:var(--amber)}.badge.green{color:var(--green)}.notice{background:var(--surface-2);border-radius:var(--radius-sm);box-shadow:var(--nm-in);padding:14px 16px;color:var(--muted);font-size:13.5px;line-height:1.6}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--line);border-radius:8px}@media (max-width:560px){.appbar-inner{flex-wrap:wrap}}