:root{--c-brand: #f2f230;--c-brand-hover: #e0e020;--c-accent: #2c4251;--c-accent-soft: #b0c0bc;--c-pop: #0d9488;--c-pop-soft: #ccfbf1;--c-bg: #f5f5f5;--c-surface: #ffffff;--c-primary: var(--c-brand);--c-primary-hover: var(--c-brand-hover);--c-danger: #ef4444;--c-danger-hover: #dc2626;--c-success: #16a34a;--c-text: var(--c-accent);--c-text-dim: #6b7280;--c-border: #e5e7eb;--c-badge: var(--c-brand);--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--c-bg);color:var(--c-text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;min-height:100dvh;font-variant-numeric:tabular-nums}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select{font:inherit;color:inherit}a{color:var(--c-accent);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:var(--radius-sm);font-weight:600;font-size:.938rem;transition:background-color .15s,transform .1s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.97)}.btn-primary{background:var(--c-primary);color:var(--c-accent)}.btn-primary:hover{background:var(--c-primary-hover)}.btn-danger{background:var(--c-danger);color:#fff}.btn-danger:hover{background:var(--c-danger-hover)}.btn-outline{border:1.5px solid var(--c-border);background:var(--c-surface)}.btn-outline:hover{border-color:var(--c-text-dim)}.input{width:100%;padding:10px 14px;border:1.5px solid var(--c-border);border-radius:var(--radius-sm);background:var(--c-surface);font-size:1rem;transition:border-color .15s;outline:none}.input:focus{border-color:var(--c-accent)}.page{max-width:600px;margin:0 auto;padding:16px;min-height:100dvh}.page-title{font-size:1.5rem;font-weight:700;margin-bottom:16px}.update-banner.svelte-z1ckp5{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--c-accent);color:#fff;font-size:.95rem;z-index:9999}button.svelte-z1ckp5{background:var(--c-brand);color:var(--c-accent);border:none;padding:6px 16px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;cursor:pointer}