:root{--clay:#eef1f8;--clay-2:#e7ebf6;--clay-hi:#fff;--clay-lo:#d5dbea;--surface:#f5f7fd;--ink:#333a52;--ink-soft:#5d6684;--ink-faint:#8b93ab;--violet:#7a68f6;--violet-deep:#5f4ae0;--violet-soft:#e6e1ff;--pink:#ff9dc0;--pink-soft:#ffe6ef;--mint:#7fdcbc;--sky:#8ec9ff;--sun:#ffcb87;--red:#e05a6d;--red-soft:#ffe4e8;--green:#2f9e74;--clay-lift:12px 12px 26px #a8b2cb80, -10px -10px 24px #fffffff2;--clay-lift-sm:7px 7px 16px #a8b2cb73, -6px -6px 14px #ffffffe6;--clay-press:inset 5px 5px 12px #a8b2cb8c, inset -5px -5px 12px #fffffff2;--clay-press-sm:inset 3px 3px 8px #a8b2cb80, inset -3px -3px 8px #ffffffe6;--radius:30px;--radius-sm:18px;color:var(--ink);background:var(--clay);-webkit-font-smoothing:antialiased;font-family:Poppins,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0}html{min-height:100%}body,#root{min-height:100dvh}body{background:radial-gradient(900px 620px at 10% -10%, #e2d8ff 0%, transparent 58%), radial-gradient(820px 600px at 94% 2%, #ffe0ee 0%, transparent 55%), radial-gradient(760px 520px at 55% 108%, #d6f3e9 0%, transparent 58%), radial-gradient(620px 470px at 4% 78%, #dbecff 0%, transparent 62%), radial-gradient(560px 420px at 90% 88%, #ffe9d3 0%, transparent 60%), linear-gradient(158deg, #f2f4fc 0%, var(--clay) 46%, #e9eef9 100%);background-attachment:fixed}body:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(760px 440px at 50% -14%,#ffffffe6 0%,#0000 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='16' cy='16' r='1.5' fill='%237a68f6' fill-opacity='0.13'/%3E%3Ccircle cx='76' cy='76' r='1.5' fill='%237a68f6' fill-opacity='0.13'/%3E%3Cpath d='M0 120A120 120 0 0 1 120 0' fill='none' stroke='%237a68f6' stroke-opacity='0.06' stroke-width='1'/%3E%3C/svg%3E");background-position:top,0 0;background-repeat:no-repeat,repeat;background-size:100% 100%,120px 120px;height:100dvh;position:fixed;inset:0}h1,h2,h3,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline-offset:2px;outline:3px solid #7a68f673}.btn{letter-spacing:.1px;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:800;line-height:1.2;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,color .18s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn svg{flex-shrink:0}.btn-primary{color:#fff;background:linear-gradient(145deg,#9280ff,#6d59ef);box-shadow:8px 8px 18px #705eeb6b,-6px -6px 16px #ffffffd9,inset -3px -3px 9px #4e38c873,inset 3px 3px 9px #ffffff59}.btn-primary:hover:not(:disabled){background:linear-gradient(145deg,#9b8bff,#7561f4);transform:translateY(-2px);box-shadow:10px 12px 22px #705eeb73,-6px -6px 16px #ffffffe6,inset -3px -3px 9px #4e38c866,inset 3px 3px 9px #ffffff73}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.985);box-shadow:3px 3px 8px #705eeb66,inset 4px 4px 10px #4632be80,inset -3px -3px 9px #ffffff47}.btn-ghost{color:var(--ink-soft);background:linear-gradient(145deg,#f6f8fe,#e6eaf6);box-shadow:6px 6px 14px #a8b2cb73,-5px -5px 12px #fffffff2,inset -2px -2px 6px #a8b2cb40,inset 2px 2px 6px #ffffffe6}.btn-ghost:hover:not(:disabled){color:var(--ink);transform:translateY(-1px);box-shadow:8px 9px 18px #a8b2cb80,-6px -6px 14px #fffffff2,inset -2px -2px 6px #a8b2cb33,inset 2px 2px 6px #fffffff2}.btn-ghost:active:not(:disabled){box-shadow:var(--clay-press-sm);transform:translateY(0)}.btn-link{color:var(--violet-deep);background:linear-gradient(145deg,#f0ecff,#ded6ff);box-shadow:6px 6px 14px #968cdc59,-5px -5px 12px #fffffff2,inset -2px -2px 6px #968cdc38,inset 2px 2px 6px #fffc}.btn-link:hover{transform:translateY(-1px);box-shadow:8px 9px 18px #968cdc66,-6px -6px 14px #fffffff2,inset -2px -2px 6px #968cdc33,inset 2px 2px 6px #ffffffd9}.btn-small{padding:7px 13px;font-size:12.5px;font-weight:700}.btn-block{width:100%}.icon-btn{padding:8px 9px}.btn.danger{color:var(--red);background:linear-gradient(145deg,#fff2f4,#ffe0e5);box-shadow:5px 5px 12px #c882914d,-4px -4px 10px #fffffff2,inset -2px -2px 6px #c882912e,inset 2px 2px 6px #ffffffd9}.btn.danger:hover:not(:disabled){transform:translateY(-1px);box-shadow:7px 8px 16px #c8829159,-5px -5px 12px #fffffff2,inset -2px -2px 6px #c882912e,inset 2px 2px 6px #ffffffe6}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eef1f8eb;border-radius:0 0 30px 30px;position:sticky;top:0;box-shadow:0 14px 28px #a8b2cb52}.topbar-inner{align-items:center;gap:18px;max-width:1280px;margin:0 auto;padding:14px 24px;display:flex}.brand{flex-shrink:0;align-items:center;gap:11px;display:flex}.brand-text{letter-spacing:-.5px;color:var(--ink);font-size:20px;font-weight:900}.brand-text span{color:var(--violet-deep)}.brand-mark{filter:drop-shadow(4px 6px 9px #8c96be80);flex-shrink:0;width:26px;height:26px;display:inline-block;position:relative}.brand-mark span{transform-origin:0 100%;border-radius:5px 14px 5px 5px;width:15px;height:22px;position:absolute;left:0;box-shadow:inset -2px -2px 4px #0000001f}.brand-mark span:first-child{background:linear-gradient(150deg,#9ec9ff,#4f8ff5)}.brand-mark span:nth-child(2){background:linear-gradient(150deg,#a8f0d4,#37bf94);transform:rotate(120deg)}.brand-mark span:nth-child(3){background:linear-gradient(150deg,#ffe1a8,#f7b63f);transform:rotate(240deg)}.brand-mark-large{width:34px;height:34px}.brand-mark-large span{border-radius:6px 20px 6px 6px;width:22px;height:34px}.topbar-search{flex:1;max-width:460px;position:relative}.search-icon{color:var(--ink-faint);align-items:center;display:inline-flex;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.search-input{padding-left:40px!important}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.user-chip{box-shadow:var(--clay-lift-sm);background:linear-gradient(145deg,#f6f8fe,#e6eaf6);border-radius:999px;align-items:center;gap:8px;padding:5px 5px 5px 7px;display:flex}.user-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;color:var(--ink-soft);font-size:13px;font-weight:800;overflow:hidden}.avatar{color:#fff;background:linear-gradient(145deg,#a99bff,#6d59ef);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;font-weight:900;display:inline-flex;box-shadow:3px 3px 8px #705eeb59,inset -2px -2px 6px #4e38c866,inset 2px 2px 6px #fff6}.avatar-small{width:24px;height:24px;font-size:11px}.body-grid{align-items:flex-start;gap:26px;max-width:1280px;margin:0 auto;padding:26px 24px 60px;display:flex}.sidebar{border-radius:var(--radius);width:244px;box-shadow:var(--clay-lift);background:linear-gradient(160deg,#f7f9ff 0%,#e9edf8 100%);flex-direction:column;flex-shrink:0;gap:18px;padding:18px 14px;transition:width .22s,padding .22s;display:flex;position:sticky;top:104px}.sidebar-toggle{width:28px;height:28px;color:var(--ink-faint);box-shadow:var(--clay-lift-sm);background:linear-gradient(145deg,#f6f8fe,#e4e9f6);border:none;border-radius:50%;justify-content:center;align-self:flex-end;align-items:center;transition:transform .18s,box-shadow .18s,color .18s;display:inline-flex}.sidebar-toggle:hover{color:var(--violet-deep);transform:translateY(-1px)scale(1.05);box-shadow:6px 7px 14px #a8b2cb80,-5px -5px 12px #fffffff2}.sidebar-toggle:active{box-shadow:var(--clay-press-sm);transform:translateY(0)scale(.97)}.sidebar-current{display:none}.sidebar-block{flex-direction:column;gap:3px;display:flex}.nav-section-head{justify-content:space-between;align-items:center;gap:6px;padding:8px 10px 4px;display:flex}.nav-section-title{letter-spacing:1.1px;text-transform:uppercase;color:var(--ink-faint);font-size:11px;font-weight:900}.nav-manage{width:26px;height:26px;color:var(--violet-deep);box-shadow:var(--clay-lift-sm);background:linear-gradient(145deg,#f6f8fe,#e4e9f6);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-flex}.nav-manage:hover{transform:translateY(-1px)scale(1.05);box-shadow:6px 7px 14px #a8b2cb80,-5px -5px 12px #fffffff2}.nav-manage:active{box-shadow:var(--clay-press-sm);transform:translateY(0)scale(.97)}.nav-item{width:100%;color:var(--ink-soft);text-align:left;background:0 0;border:none;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:flex}.nav-item:hover{color:var(--ink);background:#ffffffbf;box-shadow:4px 4px 10px #a8b2cb4d,-3px -3px 8px #ffffffe6}.nav-item.is-active{color:var(--violet-deep);background:linear-gradient(145deg,#efeaff,#ddd5ff);font-weight:800;box-shadow:inset 4px 4px 9px #968cdc59,inset -4px -4px 9px #fffffff2,3px 3px 8px #a8b2cb40}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;font-size:14px;display:inline-flex}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.nav-count{color:var(--ink-faint);text-align:center;min-width:24px;box-shadow:var(--clay-lift-sm);background:#ffffffd9;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.nav-item.is-active .nav-count{color:var(--violet-deep);box-shadow:inset 2px 2px 5px #a8b2cb59,inset -2px -2px 5px #fffffff2}.sidebar-cta{background:linear-gradient(155deg,#f3eeff,#e2dbff);border-radius:24px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:inset 3px 3px 8px #968cdc33,inset -3px -3px 8px #fffc}.sidebar-cta p{color:var(--ink-soft);font-size:13px;font-weight:700;line-height:1.45}.main{flex:1;min-width:0}.page-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.page-head h1{letter-spacing:-1px;color:var(--ink);font-size:32px;font-weight:900}.page-head p{color:var(--ink-soft);margin-top:5px;font-size:13.5px;font-weight:600}.page-head .btn{display:none}.signup-banner{box-shadow:var(--clay-lift);background:linear-gradient(150deg,#eae4ff,#f6f1ff 45%,#e6f7f1);border-radius:26px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:18px 20px;display:flex}.signup-banner strong{color:var(--ink);font-size:15px;font-weight:900}.signup-banner p{color:var(--ink-soft);margin-top:4px;font-size:13px;font-weight:600}.alert{color:#a63a4f;background:linear-gradient(145deg,#fff0f3,#ffdfe6);border-radius:22px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;padding:14px 18px;font-size:13.5px;font-weight:700;display:flex;box-shadow:inset 3px 3px 8px #d28c9b38,inset -3px -3px 8px #ffffffe6}.link-grid{grid-template-columns:repeat(auto-fill,minmax(296px,1fr));gap:22px;display:grid}.link-card{border-radius:var(--radius);box-shadow:var(--clay-lift);background:linear-gradient(160deg,#f9faff 0%,#e9edf8 100%);border:1px solid #a8b2cb33;flex-direction:column;gap:12px;padding:18px;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex}.link-card:hover{border-color:#7a68f647;transform:translateY(-5px);box-shadow:16px 18px 34px #a0aac880,-10px -10px 24px #fffffffa}.link-preview{aspect-ratio:16/9;background:#e3e8f5;border-radius:20px;display:block;overflow:hidden;box-shadow:inset 3px 3px 8px #a8b2cb73,inset -3px -3px 8px #ffffffe6}.link-preview img{object-fit:cover;width:100%;height:100%;display:block}.link-card-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.kind-badge{width:44px;color:var(--ink-soft);background:linear-gradient(145deg,#fff,#e7ecf8);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;height:44px;font-size:19px;display:inline-flex;box-shadow:5px 5px 12px #a8b2cb73,-4px -4px 10px #fffffff2,inset -2px -2px 5px #a8b2cb2e,inset 2px 2px 5px #ffffffe6}.kind-doc{color:#3f7fe0;background:linear-gradient(145deg,#f2f7ff,#d9e8ff)}.kind-sheet{color:#2f9e74;background:linear-gradient(145deg,#eefbf5,#d3f2e6)}.kind-slides{color:#d08a20;background:linear-gradient(145deg,#fff8ec,#ffe7c6)}.kind-form{color:#7a68f6;background:linear-gradient(145deg,#f4f1ff,#e0d9ff)}.kind-folder{color:#b8862c;background:linear-gradient(145deg,#fff9ea,#ffe9bd)}.kind-photos{color:#d8629a;background:linear-gradient(145deg,#fff1f7,#ffdcea)}.link-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chip{color:var(--violet-deep);white-space:nowrap;background:linear-gradient(145deg,#f0ecff,#ded6ff);border-radius:999px;align-items:center;gap:4px;padding:5px 11px;font-size:11.5px;font-weight:800;display:inline-flex;box-shadow:4px 4px 9px #968cdc47,-3px -3px 8px #ffffffe6,inset 1px 1px 3px #ffffffb3}.chip-muted{color:var(--ink-faint);background:linear-gradient(145deg,#f2f4fa,#e5e9f4);box-shadow:3px 3px 8px #a8b2cb4d,-3px -3px 8px #ffffffe6}.chip-private{color:#5d6684;background:linear-gradient(145deg,#f0f2fa,#dee3f1);box-shadow:3px 3px 8px #a8b2cb4d,-3px -3px 8px #ffffffe6,inset 1px 1px 3px #ffffffb3}.chip-ghost{color:var(--ink-faint);background:#ffffffb8;box-shadow:3px 3px 8px #a8b2cb47,-3px -3px 8px #ffffffd9}.link-title{letter-spacing:-.3px;color:var(--ink);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:17px;font-weight:800;line-height:1.32;display:-webkit-box;overflow:hidden}.link-desc{color:var(--ink-soft);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;font-weight:600;line-height:1.55;display:-webkit-box;overflow:hidden}.link-host{color:var(--ink-faint);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:11.5px;font-weight:700;overflow:hidden}.link-foot{border-top:1px solid #a8b2cb47;flex-direction:column;align-items:stretch;gap:12px;margin-top:auto;padding-top:14px;display:flex}.author{color:var(--ink-faint);justify-content:space-between;align-items:center;gap:8px;min-width:0;font-size:12px;font-weight:700;display:flex}.author-who{align-items:center;gap:6px;min-width:0;display:inline-flex}.author .btn-small{padding:5px 8px}.author-name{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:92px;font-weight:800;overflow:hidden}.dot{opacity:.6}.link-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;width:100%;display:flex}.link-actions .btn-small{padding:6px 11px}.link-card .btn{border:1px solid #a8b2cb66}.link-card .btn.danger{border-color:#e05a6d3d}.link-badges .btn-small{gap:5px;padding:5px 10px;font-size:11.5px}.save-btn{color:var(--ink-soft);background:linear-gradient(145deg,#f7f9ff,#e6eaf6);box-shadow:5px 5px 12px #a8b2cb6b,-4px -4px 10px #fffffff2,inset -2px -2px 5px #a8b2cb33,inset 2px 2px 5px #ffffffe6}.save-btn:hover{color:var(--red);background:linear-gradient(145deg,#fff4f6,#ffe1e8);transform:translateY(-1px)}.save-btn.is-saved{color:var(--red);background:linear-gradient(145deg,#ffeef3,#ffd9e4);box-shadow:5px 5px 12px #dc8ca559,-4px -4px 10px #fffffff2,inset -2px -2px 6px #dc8ca538,inset 2px 2px 6px #ffffffd9}.save-btn span{font-size:14px;line-height:1}.empty{border-radius:var(--radius);text-align:center;background:linear-gradient(160deg,#f7f9ff,#e9edf8);flex-direction:column;align-items:center;gap:10px;padding:60px 26px;display:flex;box-shadow:inset 6px 6px 16px #a8b2cb59,inset -6px -6px 16px #ffffffe6}.empty-emoji{width:68px;height:68px;color:var(--violet-deep);background:linear-gradient(145deg,#fff,#e6ebf7);border-radius:24px;justify-content:center;align-items:center;font-size:30px;display:inline-flex;box-shadow:7px 7px 16px #a8b2cb6b,-6px -6px 14px #fffffff2}.empty h2{letter-spacing:-.4px;font-size:20px;font-weight:900}.empty p{color:var(--ink-soft);max-width:390px;font-size:13.5px;font-weight:600;line-height:1.55}.empty .btn{margin-top:10px}.skeleton{height:214px;box-shadow:var(--clay-lift);background:#e9edf8;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(100deg,#fff0 22%,#ffffffad 48%,#ffffffeb 54%,#fff0 84%);animation:1.5s linear infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#56608257;justify-content:center;align-items:center;padding:22px;animation:.2s fade-in;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(160deg,#f9faff 0%,#e8ecf7 100%);border-radius:34px;width:100%;max-width:480px;max-height:calc(100vh - 44px);padding:30px;animation:.22s pop-in;position:relative;overflow-y:auto;box-shadow:18px 18px 40px #7882a559,-12px -12px 30px #ffffffe6,inset 2px 2px 6px #ffffffe6}.modal-auth{max-width:440px}.modal-wide{max-width:560px}.modal-close{width:34px;height:34px;color:var(--ink-soft);background:linear-gradient(145deg,#f7f9ff,#e3e8f5);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:transform .18s;display:inline-flex;position:absolute;top:18px;right:18px;box-shadow:5px 5px 12px #a8b2cb73,-4px -4px 10px #fffffff2}.modal-close:hover{transform:rotate(90deg)}.modal-close:active{box-shadow:var(--clay-press-sm)}.modal-head{margin-bottom:20px;padding-right:34px}.modal-head h2{letter-spacing:-.5px;font-size:21px;font-weight:900}.modal-head p{color:var(--ink-soft);margin-top:5px;font-size:13px;font-weight:600;line-height:1.5}.auth-head{text-align:center;flex-direction:column;align-items:center;gap:7px;margin-bottom:20px;display:flex}.auth-head .brand-mark{margin-bottom:6px}.auth-head h2{letter-spacing:-.5px;font-size:22px;font-weight:900}.auth-head p{color:var(--ink-soft);max-width:310px;font-size:13px;font-weight:600;line-height:1.5}.tabs{box-shadow:var(--clay-press-sm);background:#e6eaf5;border-radius:999px;gap:6px;margin-bottom:20px;padding:6px;display:flex}.tab{color:var(--ink-faint);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:9px;font-size:13.5px;font-weight:800;transition:background .18s,color .18s,box-shadow .18s;display:inline-flex}.tab.is-active{color:var(--violet-deep);background:linear-gradient(145deg,#fff,#eef1fa);box-shadow:4px 4px 10px #a8b2cb66,-3px -3px 8px #fffffff2}.stack{flex-direction:column;gap:16px;display:flex}.field>.tabs{margin-bottom:0}.field{flex-direction:column;gap:7px;display:flex}.field>span{letter-spacing:.3px;color:var(--ink-soft);padding-left:4px;font-size:12px;font-weight:800}.field small{color:var(--ink-faint);padding-left:4px;font-size:11.5px;font-weight:600}.input{width:100%;font:inherit;color:var(--ink);box-shadow:var(--clay-press);background:#e8ecf7;border:none;border-radius:16px;outline:none;padding:12px 15px;font-size:14px;font-weight:600;transition:box-shadow .2s,background .2s}.input::placeholder{color:#a0a8bf;font-weight:600}.input:focus{box-shadow:var(--clay-press), 0 0 0 3px #7a68f647;background:#eef2fb}.input-wrap{display:block;position:relative}.input-wrap>svg{color:var(--ink-faint);pointer-events:none;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.input-wrap>.input{padding-left:42px}textarea.input{resize:vertical;min-height:84px;line-height:1.5}select.input{appearance:none;cursor:pointer;background-image:linear-gradient(45deg,#0000 50%,#7d86a1 50%),linear-gradient(135deg,#7d86a1 50%,#0000 50%);background-position:calc(100% - 20px),calc(100% - 15px);background-repeat:no-repeat;background-size:5px 5px;padding-right:38px}.form-actions{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.form-error{color:#a63a4f;background:linear-gradient(145deg,#fff0f3,#ffdfe6);border-radius:16px;padding:11px 15px;font-size:13px;font-weight:700;box-shadow:inset 3px 3px 8px #d28c9b38,inset -3px -3px 8px #ffffffe6}.form-note{color:var(--green);background:linear-gradient(145deg,#eafaf3,#d6f4e8);border-radius:16px;padding:11px 15px;font-size:13px;font-weight:700;box-shadow:inset 3px 3px 8px #78c8af38,inset -3px -3px 8px #ffffffe6}.form-hint{color:var(--ink-faint);padding-left:4px;font-size:12px;font-weight:600;line-height:1.55}.auth-switch{text-align:center;color:var(--ink-soft);font-size:13px;font-weight:600}.link-button{color:var(--violet-deep);background:0 0;border:none;padding:0;font-size:13px;font-weight:900}.link-button:hover{text-decoration:underline}.cm-create{gap:9px;margin-bottom:16px;display:flex}.cm-emoji-input{text-align:center;flex-shrink:0;width:68px;padding-left:6px;padding-right:6px}.cm-locked{box-shadow:var(--clay-press-sm);color:var(--ink-soft);background:linear-gradient(145deg,#eef0fb,#e1e6f3);border-radius:22px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px;font-size:13px;font-weight:700;display:flex}.cm-list{flex-direction:column;gap:4px;max-height:46vh;margin:14px 0 18px;display:flex;overflow-y:auto}.cm-row{border-radius:16px;align-items:center;gap:10px;padding:9px 11px;transition:background .18s,box-shadow .18s;display:flex}.cm-row:hover{background:#ffffffb3;box-shadow:4px 4px 10px #a8b2cb47,-3px -3px 8px #ffffffd9}.cm-row.is-editing{box-shadow:var(--clay-press-sm);background:#e9edf8}.cm-emoji{text-align:center;width:26px;font-size:15px}.cm-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:800;overflow:hidden}.cm-count{color:var(--ink-faint);white-space:nowrap;font-size:12px;font-weight:700}.cm-edit-input{flex:1;padding:8px 12px;font-size:13.5px}.cm-empty{color:var(--ink-faint);text-align:center;padding:20px 10px;font-size:13px;font-weight:600}.toast{z-index:80;color:#f3f0ff;background:linear-gradient(145deg,#4a4368,#322c4c);border-radius:999px;padding:13px 24px;font-size:13.5px;font-weight:800;animation:.22s pop-in;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:12px 14px 28px #3c3c6459,-6px -6px 16px #ffffff80,inset -2px -2px 8px #00000059,inset 2px 2px 8px #ffffff29}.setup-page{justify-content:center;align-items:center;min-height:100vh;padding:26px;display:flex}.setup-card{background:linear-gradient(160deg,#f9faff,#e8ecf7);border-radius:36px;width:100%;max-width:580px;padding:38px;box-shadow:18px 18px 40px #8c96b966,-14px -14px 34px #fffffff2,inset 2px 2px 6px #ffffffe6}.setup-card h1{letter-spacing:-.6px;margin:18px 0 10px;font-size:24px;font-weight:900}.setup-lead{color:var(--ink-soft);font-size:14px;font-weight:600;line-height:1.6}.setup-steps{color:var(--ink-soft);flex-direction:column;gap:12px;margin:20px 0;padding-left:22px;font-size:14px;font-weight:600;line-height:1.6;display:flex}.setup-steps li::marker{color:var(--violet-deep);font-weight:900}.setup-steps code{color:var(--violet-deep);box-shadow:var(--clay-press-sm);background:#e9e5ff;border-radius:8px;padding:2px 8px;font-size:12.5px;font-weight:700}.setup-note{color:var(--ink-faint);border-top:1px solid #a8b2cb59;padding-top:16px;font-size:12.5px;font-weight:600;line-height:1.6}@keyframes fade-in{0%{opacity:0}}@keyframes pop-in{0%{opacity:0;transform:translateY(10px)scale(.975)}}@media (width>=901px){.sidebar.is-collapsed{align-items:center;width:84px;padding:18px 10px}.sidebar.is-collapsed .sidebar-toggle{align-self:center}.sidebar.is-collapsed .sidebar-block{align-items:center;width:100%}.sidebar.is-collapsed .nav-item{justify-content:center;padding:10px}.sidebar.is-collapsed .nav-label,.sidebar.is-collapsed .nav-count,.sidebar.is-collapsed .nav-section-title,.sidebar.is-collapsed .sidebar-cta p,.sidebar.is-collapsed .cta-label{display:none}.sidebar.is-collapsed .nav-section-head{justify-content:center;padding:4px 0}.sidebar.is-collapsed .sidebar-cta{align-items:center;padding:10px 8px}.sidebar.is-collapsed .sidebar-cta .btn-block{width:auto;padding:10px}}@media (width<=900px){.brand-mark{margin-left:12px}.sidebar-toggle{align-self:center;margin-left:auto}.sidebar.is-collapsed{flex-wrap:nowrap;align-items:center;gap:10px;padding:10px 12px}.sidebar.is-collapsed .sidebar-block,.sidebar.is-collapsed .sidebar-cta{display:none}.sidebar.is-collapsed .sidebar-current{white-space:nowrap;color:var(--violet-deep);box-shadow:var(--clay-lift-sm);background:#fffc;border-radius:999px;order:-1;align-self:center;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:800;line-height:1.2;display:inline-flex}.body-grid{flex-direction:column;align-items:stretch;gap:18px;padding:18px 16px 40px}.sidebar{border-radius:26px;flex-flow:wrap;align-items:center;gap:12px;width:100%;padding:14px;position:static}.sidebar-block{flex-flow:wrap;flex:100%;gap:7px}.nav-section-head{align-self:center;padding:0}.nav-section-title{display:none}.nav-item{background:#ffffffbf;border-radius:999px;width:auto;padding:8px 14px;box-shadow:4px 4px 10px #a8b2cb4d,-3px -3px 8px #ffffffe6}.nav-count{display:none}.nav-manage{width:34px;height:34px}.sidebar-cta{width:100%}.page-head .btn{display:inline-flex}.topbar .btn-primary{display:none}.topbar-inner{flex-wrap:wrap;padding:12px 16px}.topbar-search{flex-basis:100%;order:3;max-width:none}.user-name{display:none}.page-head h1{font-size:26px}}@media (width<=560px){.link-grid.link-grid-skeleton{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.link-grid.link-grid-skeleton .skeleton{aspect-ratio:1/1.2;height:auto}.link-grid.link-grid-skeleton .skeleton:nth-child(n+5){display:none}.page-head{flex-direction:column;align-items:flex-start;gap:12px}.signup-banner{flex-direction:column;align-items:flex-start}.link-grid{grid-template-columns:1fr}.modal{border-radius:28px;padding:24px}.toast{text-align:center;width:calc(100% - 40px)}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--clay:#14172a;--clay-2:#111425;--clay-hi:#242942;--clay-lo:#0a0c16;--surface:#1b1f33;--ink:#eceefb;--ink-soft:#b8bfd8;--ink-faint:#8d95b0;--violet:#a294ff;--violet-deep:#c0b6ff;--violet-soft:#2b2552;--pink-soft:#3a2333;--red:#ff8b9d;--red-soft:#3a1e26;--green:#79dcb6;--clay-lift:0 18px 34px #04061080;--clay-lift-sm:0 10px 20px #04061073;--clay-press:inset 0 2px 6px #04061080;--clay-press-sm:inset 0 1px 4px #04061073}:root[data-theme=dark] body{background:radial-gradient(900px 620px at 10% -10%, #271f4d 0%, transparent 58%), radial-gradient(820px 600px at 94% 2%, #3a1f38 0%, transparent 55%), radial-gradient(760px 520px at 55% 108%, #143329 0%, transparent 58%), radial-gradient(620px 470px at 4% 78%, #17263d 0%, transparent 62%), radial-gradient(560px 420px at 90% 88%, #33271a 0%, transparent 60%), linear-gradient(158deg, #171b2f 0%, var(--clay) 46%, #101322 100%)}:root[data-theme=dark] body:before{background-image:radial-gradient(760px 440px at 50% -14%,#a294ff29 0%,#0000 72%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='16' cy='16' r='1.5' fill='%23c0b6ff' fill-opacity='0.16'/%3E%3Ccircle cx='76' cy='76' r='1.5' fill='%23c0b6ff' fill-opacity='0.16'/%3E%3Cpath d='M0 120A120 120 0 0 1 120 0' fill='none' stroke='%23c0b6ff' stroke-opacity='0.08' stroke-width='1'/%3E%3C/svg%3E")}:root[data-theme=dark] .topbar{background:#14172aeb;box-shadow:0 10px 24px #04061080}:root[data-theme=dark] .btn-ghost{background:linear-gradient(145deg,#242a42,#1a1e31)}:root[data-theme=dark] .btn-link{color:var(--violet-deep);background:linear-gradient(145deg,#2e2857,#241f45)}:root[data-theme=dark] .btn.danger{color:var(--red);background:linear-gradient(145deg,#3b2029,#2e1820)}:root[data-theme=dark] .user-chip{background:linear-gradient(145deg,#242a42,#1a1e31)}:root[data-theme=dark] .sidebar{background:linear-gradient(160deg,#1c2137 0%,#151a2b 100%)}:root[data-theme=dark] .nav-item:hover{background:#ffffff0f}:root[data-theme=dark] .nav-item.is-active{background:linear-gradient(145deg,#302a5c,#241f47)}:root[data-theme=dark] .nav-manage,:root[data-theme=dark] .sidebar-toggle{background:linear-gradient(145deg,#262c46,#1b2033)}:root[data-theme=dark] .nav-count,:root[data-theme=dark] .sidebar-current{background:#ffffff14}:root[data-theme=dark] .sidebar-cta{background:linear-gradient(155deg,#2a2350,#201b3c)}:root[data-theme=dark] .signup-banner{background:linear-gradient(150deg,#2a2350,#221e3f 45%,#16332b)}:root[data-theme=dark] .alert{color:#ffb3c0;background:linear-gradient(145deg,#3a1f27,#2e1820)}:root[data-theme=dark] .link-card{background:linear-gradient(160deg,#1e2338 0%,#171b2c 100%);border-color:#ffffff12}:root[data-theme=dark] .link-card:hover{border-color:#a294ff59;box-shadow:0 20px 36px #0406108c}:root[data-theme=dark] .link-card .btn{border-color:#ffffff1a}:root[data-theme=dark] .link-card .btn.danger{border-color:#ff8b9d47}:root[data-theme=dark] .kind-badge{color:var(--ink-soft);background:linear-gradient(145deg,#262c44,#1b2033)}:root[data-theme=dark] .kind-doc{color:#8cc0ff;background:linear-gradient(145deg,#1b2a45,#16223a)}:root[data-theme=dark] .kind-sheet{color:#7fe3bd;background:linear-gradient(145deg,#17322a,#122820)}:root[data-theme=dark] .kind-slides{color:#ffcb7a;background:linear-gradient(145deg,#33290f,#2a210c)}:root[data-theme=dark] .kind-form{color:var(--violet-deep);background:linear-gradient(145deg,#2b2550,#221d41)}:root[data-theme=dark] .kind-folder{color:#e6c072;background:linear-gradient(145deg,#332a15,#2a2211)}:root[data-theme=dark] .kind-photos{color:#ff9ec4;background:linear-gradient(145deg,#3a2030,#2f1a27)}:root[data-theme=dark] .chip{color:var(--violet-deep);background:linear-gradient(145deg,#332c62,#272250)}:root[data-theme=dark] .chip-muted,:root[data-theme=dark] .chip-private,:root[data-theme=dark] .chip-ghost{color:var(--ink-faint);background:#ffffff12}:root[data-theme=dark] .link-preview{background:#141828;box-shadow:inset 3px 3px 8px #0000008c,inset -3px -3px 8px #ffffff0a}:root[data-theme=dark] .save-btn{background:linear-gradient(145deg,#242a42,#1a1e31)}:root[data-theme=dark] .save-btn.is-saved{background:linear-gradient(145deg,#3a2130,#2f1b27)}:root[data-theme=dark] .empty{background:linear-gradient(160deg,#1b2033,#141828)}:root[data-theme=dark] .empty-emoji{background:linear-gradient(145deg,#262c46,#1b2033)}:root[data-theme=dark] .skeleton{background:#1b2033}:root[data-theme=dark] .skeleton:after{background:linear-gradient(100deg,#fff0 22%,#ffffff12 48%,#ffffff1f 54%,#fff0 84%)}:root[data-theme=dark] .modal{background:linear-gradient(160deg,#1d2237 0%,#141828 100%)}:root[data-theme=dark] .modal-backdrop{background:#03050c9e}:root[data-theme=dark] .modal-close{background:linear-gradient(145deg,#262c46,#1b2033)}:root[data-theme=dark] .tabs{background:#0f1322}:root[data-theme=dark] .tab.is-active{background:linear-gradient(145deg,#2a3050,#202640)}:root[data-theme=dark] .input{color:var(--ink);background:#0f1322}:root[data-theme=dark] .input:focus{background:#131829}:root[data-theme=dark] .form-error{color:#ffb3c0;background:linear-gradient(145deg,#3a1f27,#2e1820)}:root[data-theme=dark] .form-note{color:var(--green);background:linear-gradient(145deg,#14332b,#10281f)}:root[data-theme=dark] .cm-locked{background:linear-gradient(145deg,#1b2033,#141828)}:root[data-theme=dark] .cm-row:hover{background:#ffffff0d}:root[data-theme=dark] .cm-row.is-editing{background:#1a1f33}:root[data-theme=dark] .setup-card{background:linear-gradient(160deg,#1d2237,#141828)}:root[data-theme=dark] .setup-steps code{color:var(--violet-deep);background:#2a2550}:root[data-theme=dark] .btn-primary,:root[data-theme=dark] .btn-primary:hover:not(:disabled){box-shadow:0 12px 24px #04061080}:root[data-theme=dark] .btn-primary:active:not(:disabled){box-shadow:0 4px 10px #04061073}:root[data-theme=dark] .btn-ghost:hover:not(:disabled),:root[data-theme=dark] .btn-link:hover,:root[data-theme=dark] .btn.danger:hover:not(:disabled){box-shadow:0 8px 18px #04061080}:root[data-theme=dark] .avatar{box-shadow:0 6px 14px #04061080}:root[data-theme=dark] .nav-item:hover{box-shadow:0 6px 14px #04061073}:root[data-theme=dark] .nav-item.is-active{box-shadow:inset 0 0 0 1px #a294ff52}:root[data-theme=dark] .nav-item.is-active .nav-count{box-shadow:inset 0 0 0 1px #a294ff38}:root[data-theme=dark] .nav-manage:hover,:root[data-theme=dark] .sidebar-toggle:hover{box-shadow:0 6px 14px #04061073}:root[data-theme=dark] .sidebar-cta,:root[data-theme=dark] .empty,:root[data-theme=dark] .cm-locked{box-shadow:inset 0 0 0 1px #ffffff0d}:root[data-theme=dark] .alert,:root[data-theme=dark] .form-error{box-shadow:inset 0 0 0 1px #ff8b9d2e}:root[data-theme=dark] .form-note{box-shadow:inset 0 0 0 1px #79dcb62e}:root[data-theme=dark] .kind-badge,:root[data-theme=dark] .empty-emoji{box-shadow:0 8px 18px #04061073}:root[data-theme=dark] .chip,:root[data-theme=dark] .chip-muted,:root[data-theme=dark] .chip-private,:root[data-theme=dark] .chip-ghost,:root[data-theme=dark] .save-btn,:root[data-theme=dark] .save-btn.is-saved,:root[data-theme=dark] .tab.is-active,:root[data-theme=dark] .modal-close{box-shadow:0 4px 10px #04061073}:root[data-theme=dark] .cm-row:hover{box-shadow:0 6px 14px #04061066}:root[data-theme=dark] .modal,:root[data-theme=dark] .setup-card{box-shadow:0 24px 48px #0406108c}:root[data-theme=dark] .toast{box-shadow:0 14px 28px #0406108c}:root[data-theme=dark] .btn-ghost,:root[data-theme=dark] .btn-link,:root[data-theme=dark] .btn.danger{box-shadow:0 6px 14px #04061073}:root[data-theme=dark] .brand-mark{filter:drop-shadow(0 4px 9px #03050e8c)}@media (width<=900px){:root[data-theme=dark] .nav-item{box-shadow:0 6px 14px #04061073}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}