@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;700&family=Space+Grotesk:wght@500;700&display=swap";:root{--bg: #f6ecdd;--bg-deep: #ebdfcb;--surface: rgba(255, 249, 239, .88);--surface-strong: #fffdf8;--line: rgba(30, 41, 59, .12);--line-strong: rgba(30, 41, 59, .18);--text: #17242d;--muted: #667784;--accent: #0f766e;--accent-strong: #0c5e58;--accent-warm: #d95d39;--accent-gold: #c0841f;--danger: #8c1d18;--shadow: 0 22px 60px rgba(26, 35, 45, .14);--shadow-soft: 0 10px 28px rgba(26, 35, 45, .08);--radius-xl: 30px;--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}*{box-sizing:border-box}html{min-height:100%;font-size:16px;scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:Noto Sans SC,Space Grotesk,sans-serif;background:radial-gradient(circle at top left,rgba(15,118,110,.16),transparent 24%),radial-gradient(circle at 84% 10%,rgba(217,93,57,.14),transparent 22%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%)}body:before,body:after{content:"";position:fixed;width:260px;height:260px;border-radius:50%;filter:blur(68px);pointer-events:none;z-index:0}body:before{top:-120px;left:-80px;background:#0f766e2e}body:after{right:-110px;bottom:-120px;background:#c0841f1f}body,button,input,select,textarea{font:inherit}button{border:0;background:none}img{display:block;max-width:100%}iframe{display:block}pre,code{font-family:IBM Plex Mono,monospace}h1,h2,h3,p{margin:0}strong{font-weight:700}small{font-size:.84rem}input,select,textarea{width:100%;border:1px solid var(--line);background:#ffffffdb;color:var(--text);border-radius:var(--radius-md);padding:14px 16px;outline:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}input:focus,select:focus,textarea:focus{border-color:#0f766e6b;box-shadow:0 0 0 4px #0f766e1a}textarea{min-height:128px;resize:vertical}#app{min-height:100vh}.app-shell{position:relative;z-index:1;min-height:100vh;width:min(100%,1120px);margin:0 auto;padding:16px 14px calc(98px + env(safe-area-inset-bottom))}.app-shell--fullscreen{width:100%;max-width:none;padding:0}.app-main--fullscreen{display:block;min-height:100dvh}.app-header{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top);margin-bottom:16px}.app-header__card{padding:18px;border-radius:var(--radius-xl);background:#fffaf3d1;border:1px solid rgba(255,255,255,.74);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-header__card--compact{padding-bottom:16px}.app-header__top,.app-header__body,.section-heading,.action-row,.toolbar,.inline-links,.project-card__actions{display:flex;gap:12px;flex-wrap:wrap}.app-header__top,.section-heading{align-items:center;justify-content:space-between}.app-header__body{display:grid;gap:16px;margin-top:16px}.brand{min-width:0;display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand__mark{width:46px;height:46px;display:grid;place-items:center;border-radius:18px;color:#fff;font-weight:700;background:linear-gradient(135deg,var(--accent),#1f9185);box-shadow:0 14px 30px #0f766e38}.brand strong{display:block;font-family:Space Grotesk,sans-serif}.brand small{display:block;color:var(--muted)}.app-header__title,.section-title{font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}.app-header__title{font-size:clamp(1.7rem,5vw,2.6rem);line-height:1.02;margin-top:6px}.app-header__summary,.section-copy,.micro-copy{color:var(--muted)}.app-header__summary,.section-copy{line-height:1.75}.identity-chip{display:inline-flex;align-items:center;gap:12px;padding:14px 16px;border-radius:22px;background:#ffffffb8;border:1px solid var(--line)}.identity-chip__avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-warm));color:#fff;font-weight:700}.app-main,.page,.stack,.form-grid,.field,.card,.list-block,.distribution-list,.stats-grid,.project-grid,.card-grid,.split-grid{display:grid;gap:16px}.stack--tight{gap:8px}.page{align-content:start}.card{padding:20px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid rgba(255,255,255,.74);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card-grid,.project-grid,.split-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{padding:18px;border-radius:24px;background:#ffffffc2;border:1px solid var(--line)}.stat-card strong{display:block;margin-top:8px;font-size:1.56rem}.eyebrow,.pill,.tag-chip{display:inline-flex;align-items:center;width:fit-content;border-radius:999px}.eyebrow{padding:6px 12px;font-size:.82rem;color:var(--accent-strong);background:#0f766e1a}.section-title{font-size:1.3rem;line-height:1.15}.section-title--hero{font-size:clamp(2.1rem,8vw,3.8rem)}.field{gap:8px}.field span{font-size:.92rem;color:var(--muted)}.checkbox-row{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.button{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button--primary{color:#fff;background:linear-gradient(135deg,var(--accent),#19867b);box-shadow:0 18px 32px #0f766e38}.button--ghost{color:var(--text);background:#ffffffb8;border-color:var(--line)}.button--danger{color:var(--danger);background:#8c1d1814;border-color:#8c1d1824}.button--small{min-height:38px;padding:0 14px;font-size:.92rem}.toolbar{align-items:center}.toolbar--filters{align-items:stretch}.toolbar__grow{flex:1 1 220px}.inline-links{gap:16px}.inline-links a{color:var(--accent-strong)}.tip-card{padding:14px 16px;border-radius:var(--radius-md);background:#0f766e14;color:var(--accent-strong)}.pill{padding:6px 12px;font-size:.8rem;color:#865215;background:#c0841f29}.pill--public{color:var(--accent-strong);background:#0f766e1a}.tag-chip{padding:7px 10px;font-size:.78rem;color:#fff;background:linear-gradient(135deg,var(--accent),#2ba496)}.empty-state{padding:26px 18px;text-align:center;border-radius:24px;color:var(--muted);border:1px dashed var(--line-strong);background:#ffffff7a}.preview-frame{width:100%;min-height:360px;border:0;border-radius:24px;background:#fff;box-shadow:inset 0 0 0 1px #0f172a14}.preview-frame--studio{min-height:430px}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.segmented__button{min-height:42px;border-radius:999px;background:#ffffffbd;color:var(--muted);border:1px solid var(--line)}.segmented__button--active{color:#fff;background:linear-gradient(135deg,var(--accent),#19867b);border-color:transparent}.code-block{margin:0;padding:18px;min-height:260px;overflow:auto;border-radius:22px;background:#0f1724;color:#d8efe9;font-size:.86rem;line-height:1.72;white-space:pre-wrap;word-break:break-word}.distribution-row{display:grid;grid-template-columns:52px 1fr 30px;gap:10px;align-items:center}.distribution-track{height:10px;overflow:hidden;border-radius:999px;background:#17242d14}.distribution-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(135deg,var(--accent),#3fc0ae)}.list-row{gap:10px}.list-row__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.bottom-nav{position:fixed;left:14px;right:14px;bottom:14px;z-index:40;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:10px;border-radius:26px;background:#fffaf3eb;border:1px solid rgba(255,255,255,.76);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav__item{min-height:44px;padding:0 8px;display:grid;place-items:center;border-radius:16px;color:var(--muted);text-decoration:none;font-size:.82rem}.bottom-nav__item.router-link-active,.bottom-nav__item.router-link-exact-active{background:#fff;color:var(--text);box-shadow:0 8px 18px #1a232d17}.toast-stack{position:fixed;top:calc(env(safe-area-inset-top) + 16px);left:14px;right:14px;z-index:80;display:grid;gap:10px;pointer-events:none}.toast{justify-self:end;max-width:min(100%,340px);padding:14px 16px;border-radius:18px;color:#fff;background:#151f25f0;box-shadow:var(--shadow-soft)}.toast--success{background:#0f766ef0}.toast--error{background:#8c1d18f0}.auth-card{max-width:560px;margin:0 auto}@media (min-width: 768px){.app-shell{padding:24px 24px calc(104px + env(safe-area-inset-bottom))}.app-header__body{grid-template-columns:minmax(0,1.3fr) minmax(240px,.7fr);align-items:end}.split-grid,.project-grid,.card-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.app-shell{padding-inline:28px}.project-grid,.card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preview-frame{min-height:480px}}