:root{--cream: #F7F1E5;--cream-deep: #EFE6D2;--paper: #FFFEFA;--ink: #1F1A15;--ink-soft: #524739;--muted: #8F7E6D;--rule: #E8DCC9;--rule-soft: #F0E6D4;--primary: #C8531C;--primary-deep: #A4421A;--primary-soft: #F5E2D2;--saffron: #D49B2D;--saffron-soft: #FAEFD2;--saffron-ink: #8B6612;--sage: #5F7E4F;--sage-soft: #E5ECDD;--teal: #1F4D5C;--teal-soft: #DCE7EC;--brick: #A33D2A;--brick-soft: #F0DED8;--display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--body: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--farsi: "Vazirmatn", "Plus Jakarta Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--max-width: 460px;--max-width-wide: 760px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.45;color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%}.app-shell{min-height:100vh;display:flex;justify-content:center;background:var(--cream)}.app-frame{width:100%;max-width:var(--max-width);min-height:100vh;padding:20px 22px 28px;display:flex;flex-direction:column;position:relative;background:var(--cream)}.app-frame.wide{max-width:var(--max-width-wide)}.stack{display:flex;flex-direction:column}.row{display:flex;align-items:center}.row.gap-8{gap:8px}.row.gap-10{gap:10px}.row.gap-12{gap:12px}.row.gap-14{gap:14px}.spacer{flex:1}.display-lg{font-family:var(--display);font-size:44px;line-height:1.05;font-weight:600;letter-spacing:-.02em}.display-md{font-family:var(--display);font-size:34px;line-height:1.1;font-weight:600;letter-spacing:-.01em}.display-sm{font-family:var(--display);font-size:26px;line-height:1.15;font-weight:600}.title-lg{font-family:var(--display);font-size:22px;line-height:1.2;font-weight:600}.title-md{font-family:var(--display);font-size:17px;line-height:1.25;font-weight:600}.body-md{font-size:15px;line-height:1.55;color:var(--ink-soft)}.body-sm{font-size:13px;line-height:1.5;color:var(--ink-soft)}.label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}.italic{font-style:italic}.primary-italic{color:var(--primary);font-style:italic}.farsi{font-family:var(--farsi);direction:rtl}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.ink-soft{color:var(--ink-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;padding:0 24px;border-radius:var(--radius-pill);border:none;font-weight:600;font-size:15px;transition:transform 80ms,opacity .12s,background .12s}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.full{width:100%}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-deep)}.btn.secondary{background:var(--cream-deep);color:var(--ink)}.btn.secondary:hover:not(:disabled){background:#e5d8bd}.btn.ghost{background:transparent;color:var(--ink-soft);height:40px;padding:0 12px}.btn.ghost:hover{background:#0000000a}.btn.small{height:40px;font-size:13px;padding:0 16px}.icon-box{width:40px;height:40px;border-radius:var(--radius-pill);background:var(--paper);border:1px solid var(--rule);display:inline-flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;transition:background .12s,transform 80ms}.icon-box:hover{background:var(--cream-deep)}.icon-box:active{transform:scale(.96)}.card{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:16px}.card.cream{background:var(--cream);border-color:var(--rule-soft)}.card.primary-soft{background:var(--primary-soft);border-color:var(--primary-soft)}.card.sage-soft{background:var(--sage-soft);border-color:var(--sage-soft)}.card.saffron-soft{background:var(--saffron-soft);border-color:var(--saffron)}.card.ink{background:var(--ink);color:var(--cream);border-color:var(--ink)}.card.tappable{cursor:pointer}.card.tappable:hover{box-shadow:0 4px 18px #1f1a150f}.pill{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.02em}.pill.cream{background:var(--cream-deep);color:var(--ink-soft)}.pill.primary{background:var(--primary-soft);color:var(--primary-deep)}.pill.sage{background:var(--sage-soft);color:var(--sage)}.pill.saffron{background:var(--saffron-soft);color:var(--saffron-ink)}.pill.brick{background:var(--brick-soft);color:var(--brick)}.pill.teal{background:var(--teal-soft);color:var(--teal)}.pill.ink{background:var(--ink);color:var(--cream)}.field{display:flex;flex-direction:column;gap:6px;width:100%}.field>label{font-size:12px;color:var(--ink-soft);font-weight:600}.input,.textarea,.select{width:100%;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius-md);padding:12px 14px;font-size:15px;color:var(--ink);outline:none;transition:border .12s,background .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--primary);background:#fff}.textarea{resize:vertical;min-height:80px}.topbar{display:flex;align-items:center;gap:8px;padding:4px 0 14px}.toast-region{position:fixed;inset:auto 0 16px 0;display:flex;justify-content:center;pointer-events:none;z-index:50}.toast{background:var(--ink);color:var(--cream);padding:10px 16px;border-radius:var(--radius-pill);font-size:13px;font-weight:500;pointer-events:auto;box-shadow:0 8px 22px #1f1a152e;animation:toast-in .18s ease-out}.toast.error{background:var(--brick)}.toast.success{background:var(--sage)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hr{height:1px;background:var(--rule);border:0;margin:12px 0}.empty{text-align:center;color:var(--muted);padding:32px 16px}.skeleton{background:linear-gradient(90deg,var(--cream-deep),var(--rule-soft),var(--cream-deep));background-size:200% 100%;animation:shimmer 1.2s linear infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.md p{margin:0 0 10px;color:var(--ink)}.md h1,.md h2,.md h3{font-family:var(--display);color:var(--ink);margin:18px 0 8px}.md h1{font-size:24px}.md h2{font-size:19px}.md h3{font-size:16px}.md em{color:var(--primary);font-style:italic}.md strong{color:var(--ink);font-weight:600}.md ul,.md ol{padding-left:22px;margin:8px 0}.md li{margin:4px 0;color:var(--ink)}.md code{background:var(--cream-deep);padding:1px 6px;border-radius:6px;font-family:var(--mono);font-size:.9em}.md blockquote{border-left:3px solid var(--primary);padding:4px 12px;color:var(--ink-soft);font-style:italic;margin:10px 0;background:var(--primary-soft);border-radius:0 var(--radius-md) var(--radius-md) 0}.md a{color:var(--primary);text-decoration:underline}.md.rtl{direction:rtl;font-family:var(--farsi);text-align:right}.md.rtl ul,.md.rtl ol{padding-right:22px;padding-left:0}