:root{font-family:'DM Sans',sans-serif;color:#27283c;background:#f8f8fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a4abed;outline-offset:3px}[hidden]{display:none!important}#app{display:flex;min-height:100vh}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid #eeeef1;padding:30px 20px 20px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#20213b;font:800 28px Manrope,sans-serif;letter-spacing:-2px;margin:0 8px 57px}.brand img{height:37px;width:37px;border-radius:10px}.brand-dot,.title-dot{color:#ff7657}.sidebar-caption{font-size:9px;letter-spacing:1.7px;font-weight:700;color:#a5a6b2;margin:0 10px 14px}.sidebar nav{display:grid;gap:5px}.nav-item{width:100%;height:43px;border:0;border-radius:8px;padding:0 12px;background:transparent;display:flex;gap:13px;align-items:center;color:#77798c;text-align:left;font-size:13px;font-weight:600}.nav-item.active{background:#f0f1fc;color:#4e53b2}.nav-icon{width:18px;font-size:19px;line-height:1;text-align:center}.nav-count{margin-left:auto;font-size:11px;color:#9b9cb0}.categories-heading{margin-top:41px}.category-list{display:grid;gap:3px;max-height:28vh;overflow:auto}.sidebar-hint{font-size:12px;color:#b1b2bd;line-height:1.5;padding:0 10px}.sidebar-bottom{margin-top:auto}.side-note{background:#f4f3fe;border-radius:12px;padding:16px 15px 13px;color:#4e4a8b}.sparkle{display:block;color:#ff8b6d;font-size:21px;margin-bottom:10px}.side-note strong{font:700 12px/1.5 Manrope,sans-serif}.side-note p{font-size:10px;line-height:1.5;color:#9292ab;margin:8px 0 0}.account{border-top:1px solid #eeeeef;margin-top:18px;padding-top:17px;display:flex;align-items:center;gap:9px}.avatar{display:grid;place-items:center;background:#e8eafe;color:#5d5dbc;border-radius:50%;width:30px;height:30px;font-size:12px;font-weight:700;flex:none}.account-email{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout{margin-left:auto;background:none;border:0;color:#8d8ea0;font-size:10px;white-space:nowrap}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:83px;padding:0 54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eeeef1;background:#fff}.breadcrumb{font-size:12px;color:#a4a5b1}.breadcrumb span{margin:0 10px;color:#dbdbe0}.breadcrumb strong{font-weight:600;color:#626476}.add-button{border:0;background:#5355b7;color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 3px 8px #4144a329}.add-button span{font-size:19px;line-height:0;vertical-align:-1px;margin-right:4px}.add-button:disabled{opacity:.5;cursor:default}.content{max-width:1100px;margin:auto;padding:60px 54px 0}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.eyebrow,.welcome-label{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#a0a0ad}.eyebrow span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#f99a7d;margin-right:7px}.page-head h1{font:800 40px/1.1 Manrope,sans-serif;letter-spacing:-2px;margin:14px 0 9px;color:#282941}.page-head p,.toolbar p{font-size:13px;color:#9a9baa;margin:0}.head-decoration{color:#e6e5f1;font-size:56px;margin-right:15px}.welcome{border:1px solid #ededf1;background:#fff;border-radius:17px;min-height:345px;display:flex;overflow:hidden;box-shadow:0 10px 35px #25284d06}.welcome-copy{padding:55px 0 50px 53px;flex:1;position:relative;z-index:1}.welcome-label{color:#a0a0ae}.welcome h2{font:800 33px/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:17px 0 13px}.welcome h2 em{font-style:normal;color:#6464bd}.welcome p{font-size:13px;line-height:1.75;color:#9293a3;max-width:290px;margin:0 0 23px}.google-button{background:#5154b6;border:0;border-radius:8px;color:#fff;font-size:12px;font-weight:700;padding:13px 18px;box-shadow:0 4px 12px #5154b629}.google-g{display:inline-grid;place-items:center;background:white;color:#4285f4;border-radius:50%;width:18px;height:18px;font-weight:800;margin-right:8px}.welcome-foot{font-size:10px;color:#aaaab7;margin-top:14px}.welcome-art{width:41%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 54% 49%,#efeffe 0%,#fafaff 53%,#fff 74%)}.art-circle{width:190px;height:190px;border-radius:50%;background:#f4f3ff;display:grid;place-items:center}.art-circle img{width:120px;height:120px;transform:rotate(-8deg);filter:drop-shadow(0 16px 18px #37336729)}.art-star{position:absolute;color:#f4a187;font-size:26px}.art-star.one{top:69px;left:22%}.art-star.two{bottom:84px;right:20%;color:#8585cf}.art-star.three{top:74px;right:20%;color:#b2b3e2}.toolbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.toolbar h2{font:700 17px Manrope,sans-serif;letter-spacing:-.4px;margin:0 0 6px}.toolbar p{font-size:11px}.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #eaeaf0;border-radius:8px;height:39px;padding:0 11px;color:#aaa;min-width:245px}.search>span{font-size:19px}.search input{border:0;outline:0;min-width:0;flex:1;font-size:12px;background:transparent}.search input::placeholder{color:#b7b7c1}.search kbd{font:10px 'DM Sans',sans-serif;color:#b8b8c2;background:#f5f5f8;padding:3px 5px;border-radius:4px}.link-list{display:grid;gap:9px}.link-card{display:flex;align-items:center;gap:15px;padding:16px 18px;border:1px solid #eeeef1;border-radius:11px;background:#fff}.link-favicon{height:44px;width:44px;flex:none;border-radius:11px;display:grid;place-items:center;background:#f1f1fb;color:#6667ba;font:700 18px Manrope}.link-copy{min-width:0;flex:1}.link-title{font:700 13px Manrope,sans-serif;color:#333448;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-meta{font-size:11px;color:#a2a3b1;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-summary{font-size:11px;color:#8d8e9d;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-open{color:#a5a5b4;text-decoration:none;font-size:18px;padding:8px}.link-action{background:none;border:1px solid #eeeef1;border-radius:7px;color:#9192a3;padding:7px;font-size:11px}.link-action:hover{color:#5355b7;border-color:#b8b9e5}.empty{border:1px dashed #ddddea;border-radius:12px;text-align:center;background:#fff;padding:55px 20px}.empty-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 15px;border-radius:14px;background:#f0f0fb;color:#7070c3;font-size:22px}.empty strong{font:700 14px Manrope,sans-serif}.empty p{font-size:12px;color:#a0a0af;line-height:1.6;margin:7px 0}.notice,.error,.form-error{font-size:12px;line-height:1.5;color:#b24b42}.error,.notice{background:#fff1ee;border-radius:8px;padding:12px;margin-top:16px}footer{color:#c1c1cc;font-size:8px;letter-spacing:1.5px;font-weight:700;margin:42px 0 25px}footer span{color:#f1ac96;margin:0 8px}dialog{width:min(460px,calc(100% - 32px));border:0;border-radius:16px;padding:28px;box-shadow:0 20px 90px #171a442c;color:#292a40}dialog::backdrop{background:#20213d80}.dialog-top{display:flex;justify-content:space-between}.dialog-top h2{font:800 23px Manrope;margin:12px 0 0;letter-spacing:-1px}.close{align-self:start;border:0;background:#f4f4f8;color:#8d8d9a;border-radius:50%;font-size:19px;width:30px;height:30px}.dialog-top+p{font-size:12px;color:#9b9baa;margin:9px 0 25px}form label{display:block;font-size:11px;font-weight:700;margin:16px 0 8px}form label span{font-weight:400;color:#aaa}form input{width:100%;height:44px;border:1px solid #e7e7ef;border-radius:8px;padding:0 12px;font-size:12px}form input::placeholder{color:#b8b8c2}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.secondary{background:#f5f5f9;color:#777887;border:0;border-radius:8px;padding:12px 17px;font-size:12px}.form-error{margin-top:10px}@media(max-width:750px){.sidebar{width:72px;padding:22px 10px}.brand{margin:0 auto 45px}.brand span,.sidebar-caption,.nav-item span:not(.nav-icon),.category-list,.side-note,.account-email,.signout{display:none}.nav-item{justify-content:center;padding:0}.account{justify-content:center}.main{margin-left:72px;width:calc(100% - 72px)}.topbar{height:70px;padding:0 24px}.content{padding:40px 24px 0}.page-head h1{font-size:34px}.welcome-copy{padding:37px 27px}.welcome-art{width:33%}.art-circle{width:120px;height:120px}.art-circle img{width:85px;height:85px}.art-star{display:none}}@media(max-width:500px){.welcome-art{display:none}.welcome-copy{padding:35px 25px}.toolbar{align-items:start;gap:15px;flex-direction:column}.search{width:100%}.head-decoration{display:none}.breadcrumb{font-size:11px}.topbar .add-button{padding:10px}.content{padding:34px 18px 0}.link-card{padding:13px 12px;gap:10px}.link-action{font-size:10px}}
.back-button{border:0;background:none;padding:0;margin:0 0 22px;color:#6667b5;font-weight:700;font-size:12px}.collection-group{background:#fff;border:1px solid #eeeef1;border-radius:13px;overflow:hidden}.collection-row{width:100%;display:flex;align-items:center;gap:15px;border:0;background:#fff;text-align:left;padding:16px 18px;color:#303145}.collection-row+.collection-row{border-top:1px solid #f0f0f4}.collection-row:hover{background:#fafaff}.collection-avatar{width:50px;height:50px;flex:none;border-radius:50%;display:grid;place-items:center;background:#eff0fb;font-size:23px}.collection-avatar.blue{background:linear-gradient(135deg,#4f86f0,#252c92);color:white}.collection-avatar.coral{background:linear-gradient(135deg,#ff8a4c,#fd4d5c);color:white}.collection-copy{min-width:0;flex:1;display:grid;gap:6px}.collection-first,.collection-second{display:flex;align-items:center;gap:12px;justify-content:space-between}.collection-title{font:700 13px Manrope,sans-serif}.collection-date{font-size:10px;color:#aaaab6;white-space:nowrap}.collection-preview{font-size:12px;color:#999aa8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-count{border-radius:20px;background:#ff785e;color:white;font-weight:700;font-size:10px;padding:3px 8px}.collection-chevron{color:#c8c8d2;font-size:21px}.collection-section{margin-top:27px}.collection-label{text-transform:uppercase;letter-spacing:1.4px;color:#a4a5b1;font-size:10px;margin:0 0 10px}.collection-tip{color:#9a9baa;font-size:12px;line-height:1.6;margin-top:20px}.refinements{display:flex;gap:7px;overflow:auto;margin:0 0 17px}.refinement{background:#fff;border:1px solid #e9e9f2;color:#77788b;font-size:11px;font-weight:600;padding:8px 12px;border-radius:20px;white-space:nowrap}.refinement.selected{background:#5154b6;color:#fff;border-color:#5154b6}
