/* Dragonfly Circuit: presentation only; project and importer behavior remain unchanged. */
:root{--plane:#f2f5fa;--surface:#fff;--surface-2:#edf2f8;--ink:#202841;--ink-2:#586880;--ink-3:#63728a;--hair:#dce3ee;--grid:#dce3ee;--accent:#087f87;--accent-fill:#087f87;--accent-soft:#e5f6f5;--purple:#7960a5;--shadow:0 8px 30px #182b4812}
:root[data-circuit-theme=dark]{color-scheme:dark;--plane:#0e1425;--surface:#151e33;--surface-2:#1d2b44;--ink:#edf2ff;--ink-2:#abb9d0;--ink-3:#a4b2c9;--hair:#2b3a56;--grid:#2b3a56;--accent:#70d9da;--accent-fill:#70d9da;--accent-soft:#173b3c;--purple:#b9a1e4;--good-bg:#173b32;--warn-bg:#403326;--crit-bg:#48283e;--good-ink:#8ee0b8;--warn-ink:#f0ca8a;--crit-ink:#ffb4c0;--shadow:0 16px 50px #0005}
body{background:var(--plane);color:var(--ink)}button,input,select,textarea{color:var(--ink)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.gate-screen{background:var(--plane)!important}.auth-card{background:var(--surface);color:var(--ink);border:1px solid var(--hair);border-top:2px solid var(--purple);border-radius:8px;box-shadow:var(--shadow)}.auth-logo{background:#fff}.auth-subtitle,.auth-note{color:var(--ink-2)}
.wrap{max-width:1240px;padding-top:0}.brand-bar{margin:0 -22px 0;min-height:70px;height:auto;padding:12px 28px;background:var(--surface);color:var(--ink);border-top:2px solid var(--purple);border-bottom:1px solid var(--hair);box-shadow:none}.brand-title,.brand-divider{color:var(--ink-2)}
header.top{margin:0 -22px;padding:22px 28px 18px;background:linear-gradient(120deg,var(--surface),transparent);border-bottom:1px solid var(--hair)}h1{font-size:28px;letter-spacing:-.5px}.plan-badge,body[data-plan="premium"] .plan-badge{border-radius:4px;border:1px solid var(--purple);background:transparent;color:var(--purple)}
#theme,.appearance-control{display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--hair);border-radius:50%;font-size:0;background:var(--surface-2);color:var(--ink-2)}#theme:after{content:'◐';font-size:17px}.appearance-control{margin:0 0 14px auto;font-size:17px}
.stats{gap:14px}.tile,.controls,.task,.pcard,.card{border-radius:6px;box-shadow:0 3px 14px #182b4808}.tile{border-top:2px solid var(--hair)}.tile:nth-child(3n){border-top-color:var(--purple)}.tile:last-child{border-top-color:var(--accent)}
.controls{padding:16px 18px}.chip,.b,.t-id{border-radius:4px}.chip[aria-pressed=true]{color:var(--plane)}.ph-letter{border-radius:5px;background:var(--accent)}.task{padding:15px 16px}.cb{border-radius:4px}.ghost{border-radius:7px;background:var(--surface)}
.banner{border-radius:0 6px 6px 0}.auth-btn{background:var(--accent);color:#10212c;border-radius:7px}.auth-btn:hover{filter:brightness(1.06)}
@media(max-width:700px){.brand-bar{padding-inline:16px}.brand-title,.brand-divider{display:none}header.top{padding-inline:16px}.wrap{padding-inline:16px}.row{gap:10px}.who{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
.auth-card>.appearance-control{margin:0 0 16px auto}