:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f2ecfa;background:#0f0e16;font-synthesis:none;--text:#f3ecfb;--soft:#958ba8;--purple:#a47bfe;--edge:#352d46;--panel:#1a1825;--muted:#211e2c}*{box-sizing:border-box}html,body,#app{margin:0;min-width:350px;min-height:100%}body{background:radial-gradient(circle at 90% 0,#2c213f 0,transparent 28%),radial-gradient(circle at 10% 15%,#171326 0,transparent 50%),#100e17}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}.shell{max-width:1550px;margin:0 auto;min-height:100vh}.topbar{padding:24px 32px 20px;display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #332a426e}.branding{display:flex;align-items:center;gap:16px}.logo{width:50px;height:50px;border:1px solid #8e6ec0;background:linear-gradient(145deg,#322447,#1c1831);border-radius:16px;display:grid;place-items:center;color:#e6d4ff;font-size:36px;line-height:1;box-shadow:0 0 28px #9f75ff1d}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:#9a88ba}.small-dot{padding:0 6px;color:#e8c9ff}h1{margin:1px 0 0;font-size:26px;line-height:1.25;letter-spacing:-.8px;font-weight:800}.title-star{color:#a783ed;margin-left:7px;font-size:15px;vertical-align:top}.top-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.connection{display:flex;align-items:center;gap:9px;font-size:12px;color:#b9aecb;padding:7px 12px;margin-right:6px;background:#262132;border:1px solid #3b324a;border-radius:20px;white-space:nowrap}.pulse{height:7px;width:7px;border-radius:100%;background:#9fdfb0;box-shadow:0 0 12px #9fdfb0}.workspace{padding:26px 32px 30px}.hero{padding:4px 4px 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section-kicker{color:#ae8cea;font-size:11px;letter-spacing:2px;font-weight:800}.hero h2{font-size:31px;line-height:1.25;letter-spacing:-1px;margin:10px 0 8px;font-weight:750}.hero p{color:#a69cb4;margin:0;font-size:14px;line-height:1.6}.hero-sparkles{color:#9777c5;font-size:37px;letter-spacing:18px;white-space:nowrap;opacity:.6;-webkit-user-select:none;user-select:none}.work-grid{display:grid;grid-template-columns:minmax(0,1fr) 298px;gap:18px;align-items:stretch}.board-panel,.side-panel,.tray-panel{border:1px solid var(--edge);border-radius:15px;background:linear-gradient(150deg,#1f1b2b,#191723 60%);box-shadow:0 4px 30px #0002}.board-panel{overflow:hidden}.panel-bar{padding:22px 22px 18px;display:flex;justify-content:space-between;gap:18px;align-items:center}.panel-label,.side-label,.modal-kicker{display:block;color:#8f80a5;font-size:10px;font-weight:850;letter-spacing:1.7px}.name-line{margin-top:9px;display:flex;gap:7px;align-items:center}.name-line input{padding:3px 0;color:#f6f0ff;font-weight:750;font-size:20px;letter-spacing:-.4px;max-width:100%;width:100%;background:transparent;border:0;outline:0}.name-line input:focus{border-bottom:1px solid #a586dc}.name-line span{color:#7d7093;font-size:13px}.board-badges{display:flex;gap:6px;white-space:nowrap}.board-badges span{font-size:11px;color:#aa9dbd;padding:7px 9px;background:#2a2535;border:1px solid #40364e;border-radius:6px}.board{background:#111016;margin:0 14px;border:1px solid #403a45;border-radius:9px;overflow:hidden}.tier-row{display:flex;align-items:stretch;min-height:97px;border-bottom:2px solid #0b0b0f;transition:box-shadow .13s}.tier-row:last-child{border:0}.tier-row.drop-hover{box-shadow:inset 0 0 0 3px #bba0ff;background:#3a324f!important}.tier-row:nth-child(odd){background:#1c1a23}.tier-row:nth-child(2n){background:#17161e}.tier-tag{border:0;border-right:2px solid #111016;color:#18111f;background:var(--tiercolor);width:88px;min-width:88px;font-size:27px;font-weight:850;overflow-wrap:anywhere;padding:6px;line-height:1.14}.tier-tag:hover{filter:brightness(1.1)}.tier-items{min-width:0;flex:1;display:flex;align-items:center;align-content:center;flex-wrap:wrap;gap:7px;padding:9px 10px}.empty-hint{font-size:12px;opacity:.37;margin-left:10px;font-style:italic}.tier-actions{width:35px;flex-shrink:0;border-left:1px solid #3c3347;background:#141219;display:flex;flex-direction:column;justify-content:center}.tier-actions button{width:100%;height:29px;border:0;background:transparent;color:#bfb1d3;font-size:19px;padding:0}.tier-actions button:hover:not(:disabled){background:#46365f;color:#fff}.subject-card{display:flex;flex-direction:column;align-items:stretch;overflow:hidden;text-align:left;position:relative;width:77px;height:78px;border-radius:8px;border:1px solid #655776;background:#292433;color:#eeeaf7;padding:0;transition:border-color .15s,transform .15s}.subject-card:hover{transform:translateY(-2px);border-color:#d0b7ff;z-index:2}.subject-card.dragging{opacity:.4}.subject-art{height:53px;display:grid;place-items:center;background:linear-gradient(140deg,#504267,#312743);font-size:28px;line-height:1}.subject-art img{width:100%;height:100%;object-fit:cover}.subject-name{line-height:1.1;font-size:9px;font-weight:750;text-align:center;padding:5px 2px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subject-move{position:absolute;top:2px;right:3px;opacity:.7;font-size:12px;text-shadow:0 1px 5px #000}.board-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 23px 17px;color:#81758f;font-size:11px}.text-button,.add-tier-link{background:none;border:0;color:#bb95fa;font-weight:750;font-size:12px}.text-button:hover,.add-tier-link:hover{text-decoration:underline}.side-panel{padding:19px 17px;display:flex;flex-direction:column;min-height:620px}.side-heading{display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid #342e42}.small-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid #57446e;background:#31283f;font-size:23px;color:#d2b1fb}.side-heading strong{font-size:16px}.side-heading p,.side-action small{color:#867c97;font-size:11px;display:block;margin:4px 0 0}.side-section{padding:18px 0 14px;border-bottom:1px solid #342e42}.side-label{margin-bottom:11px}.side-action{display:flex;align-items:center;width:100%;gap:11px;border:1px solid transparent;background:transparent;color:#f0e8f9;border-radius:9px;text-align:left;padding:11px 5px}.side-action:hover{background:#2b2436;border-color:#4d3a65}.side-action-icon{font-size:19px;font-weight:600;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#332b43;color:#ceacfd}.side-action span:nth-child(2){flex:1}.side-action b{font-size:12px}.arrow{color:#7f7094;font-size:20px}.color-section{border:0}.palette-row{display:flex;align-items:center;gap:10px;background:transparent;color:#e8dff4;width:100%;padding:7px 5px;border:0;text-align:left}.palette-row:hover{background:#2b2436;border-radius:7px}.palette-row i{width:19px;height:19px;border-radius:5px;box-shadow:0 0 0 2px #ffffff14}.palette-row b{font-size:12px;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.palette-row span:not(.arrow){font-size:10px;color:#8e859f}.palette-row .arrow{font-size:16px}.add-tier-link{align-self:flex-start;padding:4px 4px 15px}.tip-box{margin-top:auto;border:1px solid #48375f;background:linear-gradient(140deg,#332443,#241e33);border-radius:10px;padding:12px;display:flex;gap:10px}.tip-box>span{font-size:20px;color:#c69fff}.tip-box p{margin:0;line-height:1.5;color:#b8a8c9;font-size:11px}.tip-box b{color:#e7d8ff}.tray-panel{margin-top:18px;padding:21px 24px 24px;background:linear-gradient(120deg,#211c2e,#1b1925)}.tray-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.tray-title{font-weight:750;font-size:16px}.tray-title span{display:inline-flex;margin-left:7px;align-items:center;justify-content:center;background:#443454;color:#d1b4f8;border-radius:100%;height:22px;min-width:22px;font-size:11px;padding:0 5px}.tray-heading p{color:#9f94ab;font-size:12px;margin:6px 0 0}.tray-items{display:flex;align-content:center;flex-wrap:wrap;gap:9px;padding:19px 0 0;min-height:90px}.tray-items .subject-card{width:88px;height:92px}.tray-items .subject-art{height:65px;font-size:31px}.tray-items .subject-name{font-size:10px}.tray-panel.drop-hover{box-shadow:inset 0 0 0 3px #bba0ff}.tray-empty{color:#9188a4;font-size:13px;padding:18px 0}.footer-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 0 0}.footer-note{font-size:12px;color:#a18faf}.footer-note span{color:#655675;padding:0 4px}.footer-buttons{display:flex;gap:10px;flex-wrap:wrap}.button{background:#292435;color:#eee4fb;border:1px solid #50425f;border-radius:9px;padding:11px 15px;font-size:12px;font-weight:750;white-space:nowrap;transition:background .12s,border-color .12s}.button:hover{background:#393048;border-color:#8b6db4}.button.ghost{background:transparent;color:#ac9abc;border-color:#3d3449}.button.ghost:hover{background:#2b2438}.button.muted{background:#292435}.button.secondary{background:#3a2d52;border-color:#8063ad;color:#f1ddff}.button.primary{background:linear-gradient(120deg,#9767dd,#7856d8);color:#fff;border:1px solid #a58af3;box-shadow:0 3px 20px #7b56d82d}.button.primary:hover{filter:brightness(1.11)}.bottomline{border-top:1px solid #332c4055;text-align:center;padding:20px;color:#60556e;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,30px);color:#eee7f8;background:#392d4e;border:1px solid #8066a7;padding:12px 20px;border-radius:12px;font-size:12px;box-shadow:0 10px 40px #0008;z-index:20;opacity:0;transition:opacity .15s,transform .15s;pointer-events:none;max-width:min(90vw,660px);text-align:center}.toast.shown{opacity:1;transform:translate(-50%)}.toast.warn{border-color:#c98589;background:#4b2838}.toast.success{border-color:#81cba2;background:#234739}dialog{color:#f8f1ff;background:linear-gradient(130deg,#211b2f,#181520);border:1px solid #695084;border-radius:16px;width:min(460px,calc(100vw - 36px));max-height:85vh;box-shadow:0 22px 100px #000a;padding:0;overflow:auto}dialog::backdrop{background:#08050dc9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-head{padding:22px 24px 12px;position:relative}.modal-kicker{color:#ae8be9}.modal-head h3{font-size:23px;margin:8px 0 0;letter-spacing:-.5px}.modal-x{background:transparent;border:0;color:#b6a3c5;position:absolute;right:20px;top:16px;font-size:27px}.modal-body{padding:12px 24px 22px;display:grid;gap:16px}.modal-body label{display:grid;gap:7px;color:#c6b8d4;font-size:12px;font-weight:700}.modal-body input,.modal-body textarea,.modal-body select{background:#15111e;color:#eee6ff;border:1px solid #594969;border-radius:9px;padding:11px 12px;width:100%;outline:none}.modal-body input:focus,.modal-body textarea:focus,.modal-body select:focus{border-color:#b898ed}.modal-body input[type=color]{padding:3px;cursor:pointer;height:46px}.modal-helper{color:#8d819e;font-size:12px;line-height:1.6}.delete-text{justify-self:start;color:#ff9da5;border:0;background:transparent;padding:0;font-size:12px;text-decoration:underline}.modal-actions{border-top:1px solid #3c304c;padding:15px 24px 20px;display:flex;gap:9px;justify-content:flex-end}.preview-content{display:grid;gap:12px}.preview-img{display:block;width:100%;border:1px solid #57456b;border-radius:7px}.preview-content p{font-size:12px;line-height:1.5;color:#9c8cad}@media(max-width:1030px){.work-grid{grid-template-columns:1fr}.side-panel{min-height:0}.side-panel .side-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.side-label{grid-column:1/-1}.tip-box{margin-top:0}.board-badges{display:none}}@media(max-width:660px){.topbar,.workspace{padding-left:13px;padding-right:13px}.topbar{flex-direction:column;align-items:stretch}.top-actions{justify-content:flex-start}.hero h2{font-size:24px}.hero-sparkles{display:none}.panel-bar{padding:15px}.name-line input{font-size:16px}.board{margin:0 5px}.tier-tag{width:48px;min-width:48px;font-size:20px}.tier-items{padding:5px;gap:4px}.tier-actions{width:27px}.subject-card{width:62px;height:67px}.subject-art{height:44px;font-size:22px}.subject-name{font-size:8px}.board-footer{padding:12px 9px;font-size:10px}.footer-actions{flex-direction:column;align-items:stretch}.footer-buttons{justify-content:center}.footer-buttons .button{flex:1}.side-panel .side-section{grid-template-columns:1fr}.tray-panel{padding:17px}.tray-heading{align-items:flex-start}.tray-heading .button{font-size:10px}.footer-note{text-align:center}}.subject-tile{position:relative;flex:0 0 auto;width:77px;height:78px}.subject-tile .subject-card{width:100%;height:100%}.subject-delete{position:absolute;right:2px;top:2px;width:20px;height:20px;display:grid;place-items:center;background:#431f34;color:#fff0f3;border:1px solid #db809f;border-radius:100%;font-size:16px;font-weight:700;line-height:1;z-index:4;padding:0;box-shadow:0 1px 5px #0009}.subject-delete:hover,.subject-delete:focus-visible{background:#a23158;outline:2px solid #ffe2f0;outline-offset:1px}.tray-items .subject-tile{width:88px;height:92px}.confirm-copy{font-size:14px;line-height:1.6;margin:0;color:#e3d8ec}dialog a{color:#d8b1ff;overflow-wrap:anywhere}@media(max-width:660px){.subject-tile{width:62px;height:67px}.tray-items .subject-tile{width:88px;height:92px}.subject-delete{width:22px;height:22px}}