:root{font-family:'DM Sans',system-ui,-apple-system,sans-serif;color:#252736;background:#f9faff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #aaa5ff;outline-offset:2px}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .25s ease}.sidebar{background:#fff;border-right:1px solid #eaebf2;padding:29px 18px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;min-width:0;overflow:hidden}.brand{height:58px;display:flex;align-items:center;gap:11px;padding:0 9px;margin-bottom:39px}.brand-word{font-family:'Manrope',sans-serif;letter-spacing:-2px;font-weight:800;font-size:27px;white-space:nowrap}.period{color:#7269ed}.brand-symbol{display:block;width:30px;height:29px;position:relative;flex:none}.brand-symbol b{position:absolute;display:block;width:17px;height:17px;border-radius:6px;background:#777cf0;transform:rotate(-13deg)}.brand-symbol b:nth-child(2){left:11px;top:3px;background:#83d8ed;mix-blend-mode:multiply}.brand-symbol b:nth-child(3){top:13px;left:5px;background:#a2eccb;mix-blend-mode:multiply}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:transparent;border-radius:10px;color:#75788e;flex:none}.icon-button:hover,.nav-item:hover{background:#f5f5fb}.collapse-control{margin-left:auto}.nav-label,.nav-heading{font-size:10px;font-weight:800;letter-spacing:1.3px;color:#a6a8b8;padding:0 14px;margin-bottom:14px}.nav-heading{margin:34px 0 11px;display:flex;align-items:center;justify-content:space-between}.nav-heading .icon-button{width:25px;height:25px}.main-nav,.collection-nav{display:flex;flex-direction:column;gap:5px}.nav-item{border:0;width:100%;height:42px;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;background:none;color:#7b7e90;border-radius:10px;font-size:13px;font-weight:600;white-space:nowrap}.nav-item.active{background:#f0efff;color:#635ade}.nav-count{margin-left:auto;color:#b3b3c0;font-size:11px}.dot{width:10px;height:10px;border-radius:3px;flex:none}.dot-blue{background:#86b7f9}.dot-mint{background:#6bd4bd}.dot-purple{background:#ad94f1}.sidebar-footer{margin-top:auto}.sidebar-hint{border:1px solid #ededf7;border-radius:15px;padding:18px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px;line-height:1.5;color:#9b9bb0;font-size:12px}.hint-mark{font-size:31px;line-height:1;color:#847ee6}.main{min-width:0}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,83px);border-bottom:1px solid #efeff6;background:#fff}.breadcrumbs{color:#9698a8;font-size:12px}.breadcrumbs strong{color:#44465a;font-weight:700}.crumb-divider{padding:0 11px;color:#d3d3dd}.top-actions{display:flex;align-items:center;gap:22px}.local-pill{font-size:11px;color:#9697a8;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:#65cead;border-radius:50%}.user-avatar{width:36px;height:36px;border-radius:50%;background:#dbd7ff;color:#655cc9;border:2px solid white;box-shadow:0 0 0 1px #dedde9;font-weight:800;font-size:13px}.mobile-toggle{display:none}.content{max-width:1430px;margin:0 auto;padding:59px clamp(24px,5vw,83px) 28px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:38px}.eyebrow,.section-kicker{font-weight:800;font-size:10px;letter-spacing:1.9px;color:#9da0b2;margin-bottom:13px}.welcome h1{font-family:Manrope,sans-serif;font-size:clamp(34px,3.5vw,49px);letter-spacing:-2.9px;line-height:1.14;font-weight:800}.welcome em{font-style:normal;color:#786fee}.welcome p{font-size:14px;color:#999aaa;margin-top:15px;line-height:1.6}.primary-button{border:0;background:#6b63e8;color:white;border-radius:12px;font-size:12px;font-weight:700;padding:14px 17px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;box-shadow:0 6px 16px #6359db26}.primary-button:hover{background:#5c54d5}.search-wrap{display:flex;align-items:center;height:52px;background:white;border:1px solid #ececf4;border-radius:13px;padding:0 17px;gap:13px;color:#a4a5b3;box-shadow:0 4px 18px #38356305;margin-bottom:34px}.search-wrap input{flex:1;min-width:0;border:0;background:transparent;outline:0;color:#2a2c3a;font-size:13px}.search-wrap input::placeholder{color:#adb0bd}.search-wrap kbd{background:#f4f4f8;color:#a3a3b2;border:1px solid #e9e9f0;border-radius:5px;font-family:inherit;font-size:10px;padding:4px 7px}.pinned-section{border-radius:20px;padding:30px 32px 33px;background:linear-gradient(115deg,#676af0 0%,#8174e7 56%,#a087ec 100%);color:white;position:relative;overflow:hidden;min-height:230px}.section-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.mini-eyebrow{font-weight:800;letter-spacing:1.7px;font-size:9px;color:#e0daff}.pinned-section h2{font-family:Manrope,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.6px;margin-top:7px}.light-count{opacity:.65;font-size:13px;padding-left:6px}.pinned-sparkle{font-size:35px;color:#d0c9ff}.pinned-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;position:relative;z-index:1;margin-top:26px}.pinned-empty{background:#ffffff21;border:1px dashed #ffffff65;border-radius:13px;padding:25px;color:#fff;font-size:13px;grid-column:1/-1;line-height:1.6}.pinned-tile{background:white;min-height:89px;border-radius:13px;padding:16px;color:#4c4d63;display:flex;align-items:flex-start;gap:10px;flex-direction:column;position:relative;box-shadow:0 6px 17px #3333a91a;min-width:0}.pinned-tile>svg{position:absolute;right:13px;bottom:13px;color:#9b9daa}.pinned-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.pinned-favicon{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#eeeeff;color:#695fd4;font-weight:800;font-size:12px}.pinned-decor{position:absolute;width:260px;height:240px;right:-44px;top:-80px;pointer-events:none;opacity:.17}.pinned-decor i{position:absolute;border:24px solid white;border-radius:55px;transform:rotate(35deg);width:150px;height:150px}.pinned-decor i:nth-child(2){left:90px;top:65px;transform:rotate(13deg)}.pinned-decor i:nth-child(3){width:70px;height:70px;left:15px;top:160px;border-width:16px}.collections-section,.recent-section{margin-top:48px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.section-header h2{font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.7px;font-weight:800}.count{font-size:12px;color:#b1b2c2;margin-left:8px;font-weight:600}.text-button{border:0;background:none;color:#7067df;font-size:12px;font-weight:700;display:flex;align-items:center;gap:7px;padding:8px}.collections-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.collection-card{border:1px solid #eeeff6;background:#fff;text-align:left;border-radius:18px;min-height:210px;padding:22px;position:relative;display:flex;flex-direction:column;align-items:flex-start;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}.collection-card:hover{transform:translateY(-3px);border-color:#dfdcff;box-shadow:0 13px 34px #595a8810}.art{display:block;width:104px;height:92px;position:relative;isolation:isolate;margin:1px 0 12px}.art i{display:block;position:absolute;backdrop-filter:none;box-shadow:inset 1px 2px 5px #ffffff90,0 6px 18px #9bb8e822}.art-a{width:62px;height:62px;top:8px;left:9px;transform:rotate(-11deg);border-radius:16px}.art-b{width:58px;height:58px;left:35px;top:21px;transform:rotate(12deg);border-radius:16px}.art-c{width:52px;height:52px;left:15px;top:27px;transform:rotate(6deg);border-radius:15px}.art-blue .art-a{background:linear-gradient(140deg,#a8e5ffbf,#619af8bb)}.art-blue .art-b{background:linear-gradient(40deg,#3678f69c,#a1c9ff88)}.art-blue .art-c{background:linear-gradient(130deg,#d7f3ffad,#94d0ff86)}.art-mint .art-a{background:linear-gradient(140deg,#c5f6d7,#79e4cfb9);border-radius:50%}.art-mint .art-b{background:linear-gradient(40deg,#5bd4bdc0,#adf6d59c);border-radius:50%}.art-mint .art-c{background:linear-gradient(130deg,#b0f6d9c4,#61cdb0a0);border-radius:50%}.art-purple .art-a{background:linear-gradient(140deg,#d1c1ffb6,#9081f4aa);border-radius:50% 50% 14px 14px}.art-purple .art-b{background:linear-gradient(40deg,#9c79f3ac,#f1d2ffa1);border-radius:50% 50% 14px 14px}.art-purple .art-c{background:linear-gradient(130deg,#ead9ffca,#ae9bff95);border-radius:50% 50% 14px 14px}.collection-title{font-size:15px;font-weight:800;margin-top:auto}.collection-sub{font-size:11px;color:#a5a5b7;margin-top:6px}.collection-arrow{position:absolute;bottom:20px;right:20px;color:#b1afc1}.recent-section{margin-top:52px}.filter-tabs{display:flex;align-items:center;gap:4px;background:#f0f0f7;border-radius:10px;padding:4px}.filter{border:0;background:transparent;color:#9798a8;font-size:11px;font-weight:700;padding:8px 12px;border-radius:8px}.filter.selected{color:#655ee1;background:white;box-shadow:0 1px 4px #55556e10}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.saved-card{border:1px solid #edeef4;background:white;border-radius:16px;padding:19px 19px 16px;min-width:0;min-height:179px;display:flex;flex-direction:column}.card-top{display:flex;align-items:center;justify-content:space-between}.site-icon{width:37px;height:37px;background:#eaf0ff;color:#688ada;border-radius:11px;display:grid;place-items:center}.site-icon.note{color:#8f73de;background:#f2edff}.saved-card h3{font-weight:800;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:17px}.item-meta{color:#a3a3b0;font-size:11px;margin-top:7px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.item-meta span{padding:0 3px}.card-bottom{border-top:1px solid #f0f0f5;margin-top:auto;padding-top:11px;display:flex;gap:9px;align-items:center;font-size:10px;color:#aaa9b7}.type-label{text-transform:capitalize;background:#f2f1fb;color:#8982d7;padding:5px 8px;border-radius:5px}.card-bottom>.icon-button:first-of-type{margin-left:auto}.icon-button.small{width:24px;height:24px}.pin-button.is-pinned{color:#7067df}.open-link{color:#aaa9b8;margin-left:1px}.open-link:hover{color:#6b63e8}.empty-state{grid-column:1/-1;text-align:center;border:1px dashed #dddcea;border-radius:20px;padding:45px 15px;display:flex;flex-direction:column;align-items:center;gap:11px;color:#aaa8b6}.empty-art{font-size:37px;color:#a2a1ee}.empty-state h3{font-size:17px;color:#353747}.empty-state p{max-width:360px;font-size:12px;line-height:1.6}.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #e6e5f0;border-radius:10px;background:white;color:#626176;font-size:12px;font-weight:700;padding:11px 15px}.outline-button:hover{background:#f9f9fd}.empty-state .outline-button{margin-top:8px}.page-footer{display:flex;justify-content:space-between;margin-top:65px;padding:25px 0;border-top:1px solid #eeedf3;font-size:11px;color:#afb0bc}.collapsed{grid-template-columns:74px minmax(0,1fr)}.collapsed .sidebar{padding-left:11px;padding-right:11px}.collapsed .brand{padding:0;flex-direction:column;gap:8px;margin-bottom:38px;height:67px}.collapsed .brand-word,.collapsed .nav-label,.collapsed .nav-heading,.collapsed .nav-item span:not(.dot),.collapsed .nav-count,.collapsed .sidebar-hint{display:none}.collapsed .collapse-control{margin:0}.collapsed .nav-item{justify-content:center;padding:0}.collapsed .nav-item .dot{height:13px;width:13px}.collapsed .collection-nav{padding-top:35px}.collapsed .sidebar-footer{margin-bottom:0}.collapsed .sidebar-footer .nav-item{display:flex}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;background:#1d204968;backdrop-filter:blur(6px);z-index:20;padding:20px}.modal{width:min(100%,510px);background:white;border-radius:22px;padding:26px;box-shadow:0 25px 70px #1c1a5e30;max-height:min(90vh,760px);overflow:auto}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px}.modal-head h2{font-family:Manrope,sans-serif;font-size:21px;letter-spacing:-.8px}.field-label{display:block;font-size:12px;font-weight:700;color:#5b5e70;margin:13px 0 8px}.modal input:not([type=file]),.modal select,.modal textarea{width:100%;border:1px solid #e4e5ef;border-radius:10px;padding:11px 13px;background:#fcfcff;color:#2b2c3b;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.form-error{color:#c03e4c;font-size:12px;background:#fff1f2;padding:10px;border-radius:8px}.dialog-description,.dialog-footnote{font-size:13px;line-height:1.6;color:#9092a4}.dialog-footnote{font-size:11px;margin-top:18px}.backup-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.upload-label{cursor:pointer}.toast{position:fixed;right:24px;bottom:24px;z-index:30;background:#34364e;color:#fff;border-radius:12px;padding:14px 18px;box-shadow:0 12px 24px #14142520;font-size:13px;opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}.fatal{margin:10vh auto;max-width:550px;padding:40px}.fatal h1{font-size:27px}.fatal p{padding:15px 0;line-height:1.5}.loading{padding:50px;color:#777}@media(max-width:1200px){.pinned-grid{grid-template-columns:repeat(2,1fr)}.saved-grid{grid-template-columns:repeat(2,1fr)}.collections-grid{gap:12px}.collection-card{padding:17px}}@media(max-width:840px){.shell{grid-template-columns:74px minmax(0,1fr)}.sidebar{padding-left:11px;padding-right:11px}.brand{padding:0;flex-direction:column;gap:8px;margin-bottom:38px;height:67px}.brand-word,.nav-label,.nav-heading,.nav-item span:not(.dot),.nav-count,.sidebar-hint{display:none}.collapse-control{margin:0}.nav-item{justify-content:center;padding:0}.nav-item .dot{height:13px;width:13px}.collection-nav{padding-top:35px}.topbar{height:70px}.content{padding-top:42px}.welcome{align-items:flex-start}.welcome h1{font-size:36px}}@media(max-width:590px){.shell,.collapsed{grid-template-columns:1fr}.sidebar{display:none}.shell:not(.collapsed) .sidebar{display:flex;position:fixed;left:0;top:0;z-index:15;width:245px;box-shadow:18px 0 50px #30305e22;padding:29px 18px}.shell:not(.collapsed) .brand{flex-direction:row}.shell:not(.collapsed) .brand-word,.shell:not(.collapsed) .nav-label,.shell:not(.collapsed) .nav-heading,.shell:not(.collapsed) .nav-item span:not(.dot),.shell:not(.collapsed) .sidebar-hint{display:initial}.shell:not(.collapsed) .nav-item{justify-content:flex-start;padding:0 13px}.mobile-toggle{display:inline-flex}.topbar{padding:0 19px}.top-actions{gap:10px}.local-pill{display:none}.content{padding:35px 19px}.welcome{flex-direction:column}.welcome h1{font-size:33px;letter-spacing:-1.6px}.welcome .primary-button{width:100%}.pinned-section{padding:23px 20px}.pinned-grid{grid-template-columns:repeat(2,1fr)}.collections-grid{grid-template-columns:repeat(2,1fr)}.saved-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column}.section-header h2{font-size:20px}.collections-section,.recent-section{margin-top:36px}.page-footer{flex-direction:column;gap:7px}.collection-card{min-height:185px}.art{transform:scale(.85);transform-origin:left top;margin-bottom:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}