:root{color-scheme:dark;--ink:#111012;--panel:#19171a;--panel2:#201e22;--line:#302d32;--muted:#918b93;--soft:#bdb7bf;--white:#f6f1f4;--pink:#f52169;--pink-soft:#ff7da6;--green:#79d6a5;--mono:'DM Mono',Consolas,monospace;--sans:'DM Sans','Noto Sans SC',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--sans);min-height:100vh}.grain{pointer-events:none;position:fixed;inset:0;opacity:.12;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}.auth-screen{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:minmax(420px,550px) 1fr}.auth-card{width:min(100%,430px);margin:auto;padding:54px 20px}.brand-lockup{display:flex;gap:12px;align-items:center;color:var(--white);text-decoration:none}.brand-icon{width:40px;height:40px;background:var(--pink);border-radius:11px;display:grid;place-items:center;padding-left:2px;box-shadow:0 6px 25px #f5216938}.brand-lockup b{display:block;font-size:15px;letter-spacing:.03em}.brand-lockup span{display:block;font:9px var(--mono);letter-spacing:.1em;color:#928b94;margin-top:4px}.auth-copy{margin:60px 0 30px}.eyebrow{font:10px var(--mono);letter-spacing:.14em;color:var(--pink-soft);margin:0 0 12px}.auth-copy h1{font-size:34px;line-height:1.3;letter-spacing:-.04em;margin:0 0 12px}.auth-copy h1 em{font-style:normal;color:var(--pink-soft)}.intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:370px;margin:0}.auth-tabs{display:flex;border-bottom:1px solid var(--line);margin:0 0 16px}.auth-tab{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:11px 17px;font-size:12px}.auth-tab.active{color:#fff;border-color:var(--pink)}label{display:block;font-size:11px;color:#bdb7bf;margin:15px 0}input,select{font:inherit}.auth-card input,.dialog input{display:block;width:100%;height:42px;margin-top:7px;background:#19171a;border:1px solid #38343a;border-radius:7px;color:#fff;padding:0 12px;outline:0;font-size:12px}.auth-card input:focus,.dialog input:focus{border-color:#bd3c63;box-shadow:0 0 0 3px #f5216913}.dialog select{display:block;width:100%;height:42px;margin-top:7px;background:#19171a;border:1px solid #38343a;border-radius:7px;color:#fff;padding:0 12px;outline:0;font-size:12px}.dialog select:focus{border-color:#bd3c63;box-shadow:0 0 0 3px #f5216913}.auth-card input::placeholder,.dialog input::placeholder{color:#67616a}.form-message{min-height:17px;color:#ff86a8;font-size:11px;margin:3px 0 10px}.button{height:38px;padding:0 14px;border-radius:6px;font-size:11px;font-weight:650;cursor:pointer}.button.primary{background:var(--pink);border:1px solid var(--pink);color:white}.button.primary:hover{background:#ff3e7e}.button.outline{background:transparent;border:1px solid #464149;color:#e8e2e8}.button.outline:hover{border-color:#a34462}.button.wide{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 14px}.button.wide span{font-size:16px}.auth-foot{margin-top:28px;padding-top:13px;border-top:1px solid #2c292e;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.05em;color:#6f6871}.auth-foot a{color:#a59da6;text-decoration:none}.auth-art{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse at 61% 44%,#39202c 0,#20171f 27%,#151317 58%,#121113 78%);border-left:1px solid #2b262c}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(110deg,transparent,#000 42%,#000)}.orbit{position:absolute;left:55%;top:42%;width:370px;height:370px;border:1px solid #ff60922b;border-radius:50%;transform:translate(-50%,-50%)}.orbit-b{width:270px;height:270px;border-color:#ff60924c;box-shadow:0 0 80px #f5216915,inset 0 0 80px #f521690c}.art-play{position:absolute;left:55%;top:42%;width:102px;height:102px;transform:translate(-50%,-50%);border-radius:50%;background:#f52169;display:grid;place-items:center;padding-left:5px;color:white;font-size:26px;box-shadow:0 0 0 18px #f5216916,0 0 90px #f5216977}.art-caption{position:absolute;left:12%;bottom:17%;display:flex;flex-direction:column}.art-caption small,.art-index{font:9px var(--mono);letter-spacing:.14em;color:#b5a7b2}.art-caption strong{font-size:37px;letter-spacing:-.04em;line-height:1.18;margin:12px 0}.art-caption span{font-size:11px;color:#bdafb9}.art-index{position:absolute;bottom:29px;left:12%;right:12%;display:flex;justify-content:space-between;color:#817580}.art-index i{font-style:normal;color:var(--green);font-size:8px}.app-screen{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:238px 1fr}.app-screen[hidden],.auth-screen[hidden]{display:none}.sidebar{background:#151316;border-right:1px solid #2d2930;padding:25px 15px 17px;min-height:100vh;display:flex;flex-direction:column}.sidebar .brand-lockup{padding:0 8px 25px}.sidebar .brand-icon{width:34px;height:34px;border-radius:9px;font-size:12px}.sidebar .brand-lockup b{font-size:13px}.sidebar .brand-lockup span{font-size:8px}.side-label,.category-heading{font:9px var(--mono);letter-spacing:.12em;color:#79727c;text-transform:uppercase;padding:8px 10px}.side-nav{display:flex;flex-direction:column}.nav-item{width:100%;height:36px;border:0;border-radius:5px;background:transparent;color:#aaa4ad;text-align:left;padding:0 10px;font-size:11px;display:flex;align-items:center;gap:9px}.nav-item:hover,.nav-item.selected{background:#30222a;color:white}.nav-item.selected .nav-glyph{color:var(--pink-soft)}.nav-glyph{font-size:14px;color:#88818b}.nav-count{margin-left:auto;color:#a89fa9;font:9px var(--mono)}.category-heading{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.category-heading button{border:0;background:none;color:#c5bec6;font-size:15px}.category-list{display:flex;flex-direction:column;gap:2px}.category-list .nav-item{height:32px}.category-heading button:hover{color:#ff7da6}.sidebar-bottom{margin-top:auto}.account{border-top:1px solid #2d2930;padding:14px 4px 12px;display:flex;align-items:center;gap:8px}.avatar{flex:0 0 29px;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#3b202b;color:#ff87aa;font-size:11px;font-weight:700}.account-meta{min-width:0}.account-meta b{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-meta small{display:block;color:#7f7882;font-size:9px;margin-top:4px}.account>button{margin-left:auto;border:0;background:none;color:#a39ba5;font-size:13px}.sidebar-web{border-top:1px solid #2d2930;padding:12px 4px 0;display:flex;justify-content:space-between;color:#817a84;text-decoration:none;font:9px var(--mono)}.sidebar-web:hover{color:#ff85a9}.workspace{min-width:0}.topbar{height:60px;border-bottom:1px solid #29262c;display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#88818b;font-size:10px}.breadcrumbs i{font-style:normal;color:#504a52}.breadcrumbs b{font-weight:500;color:#ddd6de}.top-actions{display:flex;align-items:center;gap:14px}.sync-state{font-size:9px;color:#9b949e;display:flex;align-items:center;gap:6px}.sync-state i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px #79d6a583}.icon-button{width:27px;height:27px;border:1px solid #37333a;border-radius:5px;background:#1a181c;color:#d6d0d8;font-size:15px}.content-wrap{max-width:1160px;padding:42px clamp(22px,5vw,70px) 35px;margin:0 auto}.page-heading{display:flex;align-items:flex-end;justify-content:space-between}.page-heading .eyebrow{margin-bottom:8px}.page-heading h1{font-size:24px;letter-spacing:-.03em;margin:0}.page-heading p:not(.eyebrow){font-size:11px;color:#928b95;margin:8px 0 0}.toolbar{height:52px;margin:30px 0 15px;border:1px solid #302c33;background:#19171a;border-radius:7px;display:flex;align-items:center;padding:0 10px;gap:12px}.search{min-width:120px;flex:1;display:flex;align-items:center;gap:8px;color:#89828c}.search>span{font-size:19px}.search input{width:100%;height:34px;border:0;background:transparent;color:#eee;outline:0;font-size:11px}.search input::placeholder{color:#726c75}.toolbar select{height:30px;max-width:180px;border:1px solid #39353c;border-radius:5px;background:#201e22;color:#d6d0d8;padding:0 8px;font-size:10px}.result-count{font:9px var(--mono);color:#8a838d;white-space:nowrap;padding:0 5px}.library{display:flex;flex-direction:column;gap:7px}.link-card{display:grid;grid-template-columns:minmax(180px,1fr) minmax(120px,240px) auto;align-items:center;gap:20px;padding:14px 16px;border:1px solid #2d2930;background:#181619;border-radius:7px;min-height:72px;transition:border-color .15s,background .15s}.link-card:hover{border-color:#5d3545;background:#1c191d}.link-main{min-width:0;display:flex;align-items:center;gap:12px}.type-icon{width:34px;height:34px;flex:0 0 34px;border:1px solid #4b2b38;border-radius:6px;background:#2d1b24;color:#ff7da6;display:grid;place-items:center;font-size:11px}.link-title{min-width:0}.link-title strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-title span{display:block;margin-top:5px;color:#79737d;font:9px var(--mono);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-category{justify-self:start;border:1px solid #3a353d;border-radius:20px;padding:5px 9px;color:#bcb5be;font-size:9px;white-space:nowrap}.link-meta{display:flex;align-items:center;gap:12px;color:#77717b;font:9px var(--mono);white-space:nowrap}.owner{color:#aaa2ad}.row-actions{display:flex;align-items:center;gap:5px}.row-actions button{width:26px;height:26px;border:1px solid #3c3840;background:#211f23;border-radius:5px;color:#bab3bd;font-size:12px}.row-actions button:hover{color:#ff80a6;border-color:#744050}.empty-state{border:1px dashed #38333b;border-radius:8px;padding:50px 20px;text-align:center;color:#8f8791}.empty-symbol{margin:0 auto 14px;width:45px;height:45px;border:1px solid #4a303a;border-radius:50%;display:grid;place-items:center;color:#ff7da6;font-size:17px}.empty-state strong{display:block;color:#ded7df;font-size:13px}.empty-state p{font-size:10px;line-height:1.7;max-width:300px;margin:8px auto 17px}.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:17px;color:#817a84;font:9px var(--mono)}.pagination>div{display:flex;gap:6px}.page-button{height:28px;padding:0 10px;border:1px solid #38343c;border-radius:5px;background:#1a181c;color:#d3ccd5;font-size:9px}.page-button:disabled{opacity:.4;cursor:default}.dialog{width:min(400px,calc(100% - 28px));border:1px solid #403a43;border-radius:10px;background:#19171a;color:var(--white);padding:0;box-shadow:0 22px 90px #000b}.dialog::backdrop{background:#050406bd;backdrop-filter:blur(3px)}.dialog form{position:relative;padding:27px}.dialog-close{position:absolute;right:16px;top:13px;border:0;background:transparent;color:#aaa3ad;font-size:22px}.dialog h2{font-size:20px;margin:0}.dialog form>p:not(.eyebrow,.form-message){font-size:11px;color:#8c858f;margin:8px 0 18px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.toast{position:fixed;right:22px;bottom:20px;z-index:5;padding:11px 15px;border:1px solid #4a3a42;border-radius:6px;background:#211b20;color:#f1e9ee;font-size:11px;box-shadow:0 10px 35px #0008}.toast.error{border-color:#74354b;color:#ff9bb6}
@media(max-width:900px){.auth-screen{grid-template-columns:minmax(370px,1fr) .8fr}.app-screen{grid-template-columns:205px 1fr}.topbar{padding:0 24px}.content-wrap{padding:34px 24px}.link-card{grid-template-columns:minmax(150px,1fr) auto auto;gap:12px}.link-meta{gap:7px}}@media(max-width:650px){.auth-screen{display:block}.auth-card{padding:35px 24px}.auth-copy{margin:40px 0 25px}.auth-art{display:none}.app-screen{display:block}.sidebar{min-height:0;height:auto;padding:10px 13px;display:block;border-right:0;border-bottom:1px solid #2d2930}.sidebar .brand-lockup{padding:0}.side-label,.side-nav,.sidebar-bottom{display:none}.topbar{height:48px;padding:0 16px}.content-wrap{padding:27px 14px}.page-heading{align-items:flex-start}.page-heading h1{font-size:21px}.page-heading .button{padding:0 8px}.toolbar{gap:6px;padding:0 7px}.toolbar select{max-width:125px}.result-count{display:none}.link-card{grid-template-columns:1fr auto;gap:9px;padding:11px}.link-main{grid-column:1}.link-category{grid-column:1;grid-row:2;margin-left:46px}.link-meta{grid-column:1;grid-row:3;margin-left:46px}.row-actions{grid-column:2;grid-row:1/4}.link-title strong{font-size:11px}.link-title span{font-size:8px}.pagination{margin-bottom:20px}}