html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);background:var(--color-bg-root);color:var(--color-text);-webkit-font-smoothing:antialiased;font-size:var(--text-md)}*{box-sizing:border-box}a{color:var(--color-focus);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.primary{background:var(--color-focus);color:var(--color-text-invert);border:none;padding:.6rem 1.15rem;font-size:var(--text-sm);border-radius:var(--radius-sm);font-weight:600;box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:6px;letter-spacing:.15px}.primary:hover{background:var(--color-focus-hover)}.primary:active{transform:translateY(1px)}.ghost{background:transparent;border:1px solid var(--color-border);padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:var(--text-sm)}.ghost:hover{background:#efeaf6}.card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-2) var(--space-4) var(--space-4);box-shadow:var(--shadow-sm)}.muted{color:var(--color-text-muted)}.icon-btn{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer}.footer-meta{margin:3rem 0 2rem;font-size:var(--text-xs);color:var(--color-text-muted);text-align:center}.status-dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px;border:2px solid var(--color-focus);background:#fff;box-shadow:0 0 0 2px #fff inset}.status-dot.draft{border-color:var(--color-focus)}.linkish{color:var(--color-focus);cursor:pointer;white-space:nowrap}.linkish:hover{text-decoration:underline}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#6633994d;border-radius:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}::-webkit-scrollbar-thumb:hover{background:#66339980}::placeholder{color:#666!important;opacity:1}*{transition:background-color .2s ease,border-color .2s ease,color .2s ease}.gradient-text{background:var(--gradient-color);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:none!important}.glass{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-dark{background:#0006;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.glass-purple{background:#66339926;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(102,51,153,.3)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.02)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}