.wrap{max-width:980px;margin:0 auto;padding:16px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:hsla(0,0%,100%,.88)}body,html{height:100%}body{margin:0;background:radial-gradient(900px 520px at 12% 8%,rgba(59,130,246,.38),transparent 60%),radial-gradient(780px 520px at 88% 18%,rgba(16,185,129,.26),transparent 60%),radial-gradient(980px 640px at 50% 120%,rgba(99,102,241,.34),transparent 62%),linear-gradient(180deg,#0b1220,#0a1020 55%,#070b17);background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:repeating-conic-gradient(from 0deg at 50% 50%,hsla(0,0%,100%,.12) 0 12deg,hsla(0,0%,100%,0) 12deg 24deg),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23a)' opacity='.65' d='M0 0h420v420H0z'/%3E%3C/svg%3E");background-size:480px 480px,420px 420px;background-position:0 0,0 0;mix-blend-mode:soft-light}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:10px 10px;border-radius:14px;background:rgba(17,24,39,.82);border:1px solid rgba(148,163,184,.16);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 18px 50px rgba(0,0,0,.45)}.side{display:none}.center{display:flex;justify-content:flex-start;flex:1}.search{width:min(620px,100%);height:34px;padding:0 10px;border:1px solid rgba(148,163,184,.22);border-radius:999px;background:rgba(2,6,23,.55);outline:none;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 18px 44px rgba(0,0,0,.38);color:hsla(0,0%,100%,.88)}.search:focus{border-color:rgba(59,130,246,.7);box-shadow:0 0 0 4px rgba(59,130,246,.22)}.search::-moz-placeholder{color:rgba(226,232,240,.55)}.search::placeholder{color:rgba(226,232,240,.55)}.panel{border:1px solid rgba(148,163,184,.16);border-radius:16px;padding:14px;background:rgba(17,24,39,.76);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 26px 80px rgba(0,0,0,.55)}.panel.dim{filter:blur(2px);opacity:.6;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{width:min(560px,100%);border:1px solid rgba(148,163,184,.18);border-radius:12px;background:rgba(17,24,39,.92);padding:14px;box-shadow:0 28px 110px rgba(0,0,0,.6)}.modal-title{font-size:14px;font-weight:700;color:hsla(0,0%,100%,.9);margin-bottom:10px}.hint{font-size:12px;color:rgba(226,232,240,.62);margin-top:-6px;margin-bottom:10px}.row{display:flex;gap:8px;align-items:center}.input{flex:1;min-width:120px;height:34px;padding:0 10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(2,6,23,.55);outline:none;color:hsla(0,0%,100%,.9)}.input::-moz-placeholder{color:rgba(226,232,240,.55)}.input::placeholder{color:rgba(226,232,240,.55)}input.input:-webkit-autofill,input.input:-webkit-autofill:focus,input.input:-webkit-autofill:hover,input.search:-webkit-autofill,input.search:-webkit-autofill:focus,input.search:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px rgba(2,6,23,.85);-webkit-text-fill-color:inherit}.btn{height:34px;padding:0 10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(2,6,23,.55);cursor:pointer;color:hsla(0,0%,100%,.86)}.btn.primary{border-color:rgba(59,130,246,.55);background:rgba(59,130,246,.22);color:hsla(0,0%,100%,.92)}.btn.primary:hover{background:rgba(59,130,246,.3)}.btn.danger{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.18);color:hsla(0,0%,100%,.92)}.btn.danger:hover{background:rgba(239,68,68,.15)}.icon-btn{height:34px;min-width:34px;padding:0 10px;border:1px solid rgba(148,163,184,.22);border-radius:8px;background:rgba(2,6,23,.55);cursor:pointer;color:hsla(0,0%,100%,.86)}.row.actions{margin-top:10px;justify-content:flex-end}.add-btn,.lock-btn{width:44px;min-width:44px;padding:0}.add-btn{font-size:20px;font-weight:900;border-color:rgba(59,130,246,.55);background:rgba(59,130,246,.22);color:hsla(0,0%,100%,.92);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 16px 44px rgba(0,0,0,.42)}.add-btn:hover{background:rgba(59,130,246,.3)}.icon-btn.danger{border-color:rgba(239,68,68,.5);background:rgba(239,68,68,.18);color:hsla(0,0%,100%,.92)}.grid{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.card-move-move{transition:transform .18s ease}.card{position:relative;border:1px solid rgba(148,163,184,.16);border-radius:12px;padding:8px;display:flex;gap:10px;align-items:center;cursor:pointer;background:linear-gradient(180deg,rgba(30,41,59,.92),rgba(15,23,42,.92));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 8px 26px rgba(0,0,0,.35),0 22px 70px rgba(0,0,0,.45);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,opacity .14s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(900px 220px at 22% 8%,hsla(0,0%,100%,.08),hsla(0,0%,100%,0) 55%);pointer-events:none;opacity:.9}.card:hover{transform:translateY(-3px);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.09),0 14px 40px rgba(0,0,0,.45),0 34px 100px rgba(0,0,0,.55)}.card.dragging{opacity:.55;transform:scale(1.04);box-shadow:0 10px 34px rgba(0,0,0,.55),0 44px 130px rgba(0,0,0,.65);cursor:grabbing}.card.dragover{border-color:#7aa7ff;background:rgba(122,167,255,.16);transform:translateY(-2px)}.card.dragover:after{content:"";position:absolute;left:10px;right:10px;height:3px;border-radius:999px;background:#3b82f6;box-shadow:0 6px 18px rgba(59,130,246,.25)}.card.dragover.before:after{top:-6px}.card.dragover.after:after{bottom:-6px}.card.add-card{border-style:dashed;justify-content:center;gap:12px;background:linear-gradient(180deg,rgba(30,41,59,.78),rgba(15,23,42,.78));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06),0 22px 70px rgba(0,0,0,.45)}.card.add-card:hover{background:rgba(59,130,246,.06);border-color:rgba(59,130,246,.45)}.plus{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:900;color:#3b82f6;background:rgba(59,130,246,.26);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 22px 52px rgba(0,0,0,.5);-webkit-user-select:none;-moz-user-select:none;user-select:none}.favicon{text-decoration:none}.glyph{width:44px;height:44px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.14),0 18px 42px rgba(0,0,0,.55);-webkit-user-select:none;-moz-user-select:none;user-select:none}.meta{flex:1;min-width:0}.title{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:inherit;text-decoration:none}.ops{position:absolute;right:8px;top:8px;display:flex;gap:6px;opacity:0;pointer-events:none;transform:translateY(-2px);transition:opacity .14s ease,transform .14s ease}.card:hover .ops{opacity:1;pointer-events:auto;transform:translateY(0)}.error{margin-top:10px;color:rgba(251,113,133,.95);font-size:12px}