@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{--bg: #0F0F11;--bg-deep: #060606;--panel: #151518;--panel-2: #17171B;--panel-3: #1A1A1E;--line: #222227;--line-2: #2A2A30;--text: #F4F4F5;--text-2: #D4D4D8;--muted: #A1A1AA;--muted-2: #8E8E97;--accent: #F06A3C;--accent-soft: rgba(240, 106, 60, .12);--focus: #E3A764;--good: #86EFAC;--warn: #EBCB7A;--bad: #F7937F;--grad: linear-gradient(90deg, #C42A22, #F06A3C 60%, #E3A764);--brand-line: linear-gradient(90deg, #7F143E, #D73F34, #E3C064, #D73F34, #7F143E);--radius: 14px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Manrope,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:#f3c9b8}a:hover{color:#fff}button,input,textarea,select{font-family:inherit}@keyframes slide{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes breathe{0%{transform:translate(-50%) scale(1);opacity:.8}to{transform:translate(-50%) scale(1.12);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.topline{height:3px;background:var(--brand-line);background-size:200% 100%;animation:slide 6s linear infinite alternate}.rise{opacity:0;animation:rise .6s cubic-bezier(.2,.8,.2,1) forwards}.btn{height:44px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:var(--panel);color:var(--text);font-size:14px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{border:0;background:var(--grad);color:#160604;font-weight:800}.btn-primary:hover{box-shadow:0 10px 26px #f06a3c47}.btn-danger{background:transparent;border-color:#f26d5b80;color:var(--bad)}.field{height:44px;padding:0 14px;border-radius:12px;background:#111113;border:1px solid var(--line-2);color:var(--text);font-size:15px;width:100%;transition:border-color .2s ease,box-shadow .2s ease}.field::placeholder{color:#8a8a93}.field:focus{outline:none;border-color:var(--focus);box-shadow:0 0 0 3px #e3a7642e}.label{font-size:13px;font-weight:600;color:var(--text-2)}.chip{height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-2);background:var(--panel-3);color:var(--text-2);font-size:13px;font-weight:700;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.chip:hover{transform:translateY(-1px)}.chip[aria-pressed=true]{border-color:var(--accent);background:#f06a3c24;color:#fff}.dbody>*{flex-shrink:0}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px}.muted{color:var(--muted)}.error{color:var(--bad);font-size:13px;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;animation:fadeIn .25s ease}.modal{position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:560px;max-width:calc(100% - 32px);height:fit-content;max-height:calc(100vh - 40px);overflow-y:auto;z-index:61;background:#141417;border:1px solid var(--line-2);border-radius:22px;box-shadow:0 30px 80px #0009;padding:22px;display:flex;flex-direction:column;gap:16px;animation:popIn .32s cubic-bezier(.2,.8,.2,1)}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:70;padding:12px 18px;border-radius:14px;background:#1e1e23;border:1px solid #2E2E35;box-shadow:0 12px 32px #00000080;font-size:14px;font-weight:600;max-width:calc(100% - 32px);animation:toastIn .3s cubic-bezier(.2,.8,.2,1)}.shell{display:flex;flex-wrap:wrap;align-items:stretch;min-height:calc(100vh - 3px)}.side{flex:1 1 232px;max-width:100%;padding:24px 16px;border-right:1px solid #1F1F24;display:flex;flex-direction:column;gap:24px}.main{flex:999 1 560px;min-width:0;padding:32px 32px 56px}.nav{display:flex;flex-direction:column;gap:4px}.navbtn{display:flex;align-items:center;gap:12px;min-height:44px;padding:6px 12px 6px 8px;border-radius:12px;font-size:14px;font-weight:600;text-decoration:none;color:var(--muted);transition:background .25s ease,color .25s ease,transform .2s ease}.navbtn:hover{background:var(--panel-3);color:var(--text)}.navbtn:active{transform:scale(.97)}.navbtn.active{background:#1e1e23;color:#fff}.orb{flex:none;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff1a;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.navbtn:hover .orb{transform:scale(1.12) rotate(20deg)}.me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:var(--panel);border:1px solid var(--line)}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#d73f34,#e3c064);color:#160604;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex:none}@media (max-width: 820px){.nav{flex-direction:row;overflow-x:auto;padding-bottom:4px}.navbtn{flex:none}.me{display:none}.main{padding:20px 16px 40px}}@media (prefers-reduced-motion: reduce){.topline,.rise,.backdrop,.modal,.toast{animation:none;opacity:1}}@keyframes flashK{0%{box-shadow:0 0 #4ade80b3}to{box-shadow:0 0 0 14px #4ade8000}}@keyframes lineIn{0%{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes drawerIn{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.kboard{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}.kcol{flex:none;width:272px;min-height:520px;padding:12px;border-radius:18px;display:flex;flex-direction:column;gap:10px;background:#121215;border:1px dashed #1F1F24;transition:background .2s ease,border-color .2s ease}.kcol.over{background:#f06a3c14;border-color:var(--accent)}.kwrap{position:relative}.kcard{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;padding:12px;border-radius:14px;background:var(--panel-2);border:1px solid #26262B;color:var(--text);text-align:left;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .2s ease,opacity .2s ease,box-shadow .2s ease}.kcard[draggable=true]{cursor:grab}.kcard:hover{transform:translateY(-2px);border-color:#34343c;box-shadow:0 8px 20px #00000059}.kcard:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.kcard.dragging{opacity:.4;transform:scale(.96) rotate(-1.5deg)}.kcard.flash{animation:flashK 1s ease-out 2}.mv{position:absolute;top:8px;right:8px;display:flex;flex-direction:column;gap:3px;z-index:4;opacity:0;transition:opacity .2s ease}.kwrap:hover .mv,.kwrap:focus-within .mv{opacity:1}@media (hover: none){.mv{opacity:1}}.mvb{width:28px;height:24px;border-radius:7px;border:1px solid #2E2E35;background:#1e1e23;color:#e4e4e7;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background .2s ease,transform .15s ease}.mvb:hover{background:#2c2c33}.mvb:active{transform:scale(.88)}.mvb:disabled{opacity:.35;cursor:default}.dropline{position:absolute;left:4px;right:4px;height:3px;border-radius:2px;background:var(--accent);box-shadow:0 0 12px #f06a3ce6;z-index:5;animation:lineIn .18s ease-out}.drawer{position:fixed;top:0;right:0;bottom:0;width:500px;max-width:100%;z-index:61;background:#141417;border-left:1px solid #26262B;display:flex;flex-direction:column;box-shadow:-20px 0 40px #00000073;animation:drawerIn .35s cubic-bezier(.2,.8,.2,1)}@media (prefers-reduced-motion: reduce){.kcard.flash,.drawer,.dropline{animation:none}}
