@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#29243b;--muted:#7d7891;--paper:#fff;--cream:#fcfaff;--wash:#f5f0ff;--lav:#9b7be8;--lav2:#cdbcf8;--pink:#f2bfdc;--blue:#b7d7f7;--peach:#f7ccb8;--mint:#bfe4d2;--navy:#302a53;--line:#e9e2f3;--shadow:0 18px 50px rgba(77,60,118,.11);--radius:28px;--sidebar:236px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(135deg,#fff 0%,#faf7ff 48%,#f4effc 100%);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;min-height:100vh}button,input,textarea,select{font:inherit;color:inherit}button,a{transition:.2s ease}button{cursor:pointer}a{text-decoration:none;color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-4px;margin-bottom:20px}h1 em,h2 em,.logo em{font-family:'Playfair Display',serif;color:var(--lav);font-weight:600}h2{font-size:28px;letter-spacing:-1.2px}.hidden{display:none!important}.ambient{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.ambient i{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35}.ambient i:nth-child(1){width:370px;height:370px;background:#eadffc;right:-100px;top:-130px}.ambient i:nth-child(2){width:260px;height:260px;background:#fce8f3;left:20%;bottom:-130px}.ambient i:nth-child(3){width:220px;height:220px;background:#e1f0ff;left:-100px;top:45%}
.btn{border:1px solid transparent;border-radius:18px;padding:13px 20px;font-weight:700;background:#fff;box-shadow:0 8px 22px rgba(71,56,106,.08);display:inline-flex;align-items:center;justify-content:center;gap:12px}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(71,56,106,.14)}.btn.primary{background:linear-gradient(135deg,#8f6ddd,#ad8cec);color:#fff;box-shadow:0 12px 30px rgba(143,109,221,.28)}.btn.soft{background:#f4effd;border-color:#e7dcf8;color:#6f55ad}.btn.white{background:rgba(255,255,255,.8);color:#695599}.btn.danger{background:#fff0f3;color:#bd5270;border-color:#f8d6df}.wide{width:100%}.icon-btn{width:43px;height:43px;border-radius:50%;border:1px solid var(--line);background:#fff;display:inline-grid;place-items:center;box-shadow:0 6px 18px rgba(68,52,104,.08)}.icon-btn:hover{background:var(--wash);transform:rotate(3deg)}.text-btn{border:0;background:transparent;color:#7b60b5;font-weight:700}.eyebrow,.kicker{font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:#8a70c3}.sticker{display:inline-block;padding:8px 13px;border-radius:999px;background:#fff;border:1px solid #eee6f9;color:#8871b9;font-size:12px;font-weight:700;box-shadow:0 5px 14px rgba(88,66,126,.07);transform:rotate(-1deg)}.live-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#9dd6ad;box-shadow:0 0 0 4px #e8f7ed;margin-right:7px}.privacy-chip{padding:9px 13px;background:#eef9f2;color:#558c67;border:1px solid #d7efdf;border-radius:999px;font-size:12px;font-weight:700}
.lock{position:fixed;inset:0;z-index:1000;background:linear-gradient(115deg,#f4edff 0 50%,#fff 50%);display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.lock-art{position:relative;display:grid;place-items:center;overflow:hidden}.lock-art:before{content:'';position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(147,115,216,.18);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.17),0 0 0 160px rgba(255,255,255,.12)}.planet{width:min(330px,52vw);aspect-ratio:1;border-radius:46% 54% 52% 48%;background:radial-gradient(circle at 33% 28%,#fff 0 8%,#efd9fa 9% 18%,#bea4ef 48%,#7960c7 100%);display:grid;place-items:center;box-shadow:0 35px 80px rgba(111,79,173,.28);animation:float 5s ease-in-out infinite}.planet span{font-size:80px;color:white;text-shadow:0 8px 20px rgba(60,35,113,.22)}.floating{position:absolute;background:rgba(255,255,255,.82);border:1px solid #fff;padding:10px 16px;border-radius:999px;color:#7b62ad;font-size:12px;font-weight:700;box-shadow:var(--shadow)}.f1{top:20%;right:18%;transform:rotate(7deg)}.f2{bottom:19%;left:16%;transform:rotate(-8deg)}.f3{top:27%;left:15%}.lock-panel{align-self:center;width:min(520px,80%);margin:auto}.lock-panel h1{font-size:clamp(46px,5vw,72px);margin:22px 0}.lock-panel>p{color:var(--muted);line-height:1.7;max-width:470px}.field-label{font-size:12px;font-weight:700;display:block;margin:28px 0 8px;color:#756b86}.password-wrap{display:flex;align-items:center;border:1px solid var(--line);background:#fff;border-radius:19px;padding:4px 7px 4px 16px;margin-bottom:12px;box-shadow:0 10px 30px rgba(70,54,106,.07)}.password-wrap input{flex:1;border:0;outline:0;padding:13px 0}.password-wrap .icon-btn{box-shadow:none;border:0}.privacy-note{font-size:12px;color:#9a92a7;margin-top:18px;text-align:center}.form-message{font-size:13px;color:#c45474!important;margin:12px 0!important;min-height:20px}@keyframes float{50%{transform:translateY(-14px) rotate(2deg)}}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar);padding:25px 16px;background:rgba(255,255,255,.82);backdrop-filter:blur(24px);border-right:1px solid var(--line);z-index:50;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;padding:0 10px 24px}.logo-mark{width:37px;height:37px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#a285e5,#d2c4f7);color:#fff;box-shadow:0 8px 18px rgba(130,100,198,.22)}.main-nav{display:grid;gap:4px}.main-nav a,.nav-button{border:0;width:100%;background:transparent;border-radius:15px;padding:11px 12px;display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;color:#817b90;font-size:13px}.main-nav a:hover,.main-nav a.active,.nav-button:hover{background:#f2edfb;color:#6d55a5}.main-nav a.active{box-shadow:inset 3px 0 #9b7be8}.main-nav a span,.nav-button span{font-size:18px}.main-nav small{min-width:22px;height:20px;border-radius:10px;display:grid;place-items:center;background:#eee7fa;font-size:10px}.sidebar-bottom{margin-top:auto;display:grid;gap:5px}.mini-profile{border-top:1px solid var(--line);margin-top:8px;padding:16px 5px 0;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:9px}.avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,#fad8e7,#d4c6f7);display:grid;place-items:center;font-size:11px;font-weight:800}.mini-profile strong,.mini-profile small{display:block;font-size:11px}.mini-profile small{color:var(--muted);margin-top:2px}.mini-profile button{border:0;background:transparent}.mobile-head{display:none}
.shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:76px;padding:0 clamp(24px,4vw,62px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(232,224,242,.75);background:rgba(255,255,255,.45);backdrop-filter:blur(16px);position:sticky;top:0;z-index:40}.crumb{margin:0;color:#9a92a7;font-size:12px}.top-actions{display:flex;align-items:center;gap:9px}.search-pill{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px 12px;color:#8b8498;display:flex;align-items:center;gap:10px;min-width:260px;text-align:left}.search-pill span{flex:1}.search-pill kbd,.command kbd{font-size:10px;background:#f4effa;border:1px solid #e9e0f4;border-radius:7px;padding:3px 6px}.page{display:none;padding:clamp(32px,5vw,72px) clamp(22px,5vw,74px) 90px;min-height:calc(100vh - 76px);animation:pageIn .35s ease}.page.active{display:block}@keyframes pageIn{from{opacity:0;transform:translateY(8px)}}.page-title{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:38px}.page-title h1{margin:14px 0 10px}.page-title p{color:var(--muted);margin:0;font-size:16px}.welcome{background:linear-gradient(120deg,#f4edff 0%,#f9f6ff 56%,#edf5ff 100%);border:1px solid #e9def9;border-radius:38px;min-height:430px;padding:clamp(35px,5vw,70px);display:grid;grid-template-columns:1.25fr .75fr;align-items:center;position:relative;overflow:hidden}.welcome h1{font-size:clamp(48px,5.7vw,82px);margin:20px 0}.welcome>div>p{color:#81788f}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.hero-visual{display:grid;place-items:center;text-align:center;position:relative}.hero-visual p{font-family:'Playfair Display',serif;color:#7d65b2;font-size:22px;transform:rotate(-4deg)}.book-stack{width:240px;height:190px;position:relative}.book-stack i{position:absolute;width:210px;height:54px;border-radius:12px 22px 22px 12px;left:15px;box-shadow:0 12px 22px rgba(95,67,145,.12)}.book-stack i:nth-child(1){background:#bda6ed;bottom:20px;transform:rotate(-4deg)}.book-stack i:nth-child(2){background:#f5c7dd;bottom:73px;transform:rotate(4deg)}.book-stack i:nth-child(3){background:#fff;bottom:125px;border:1px solid #e8def5;transform:rotate(-2deg)}.book-stack span{position:absolute;right:0;top:0;font-size:45px;color:#9e80db}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0}.stat-row article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:0 9px 26px rgba(74,55,107,.05)}.stat-icon,.tool-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;font-size:19px;font-weight:700;flex:0 0 auto}.lilac{background:#eee7fc;color:#7d5fc2}.pink{background:#fce9f2;color:#b55c87}.blue{background:#e7f2fc;color:#5284b5}.peach{background:#fff0e9;color:#ba7454}.mint{background:#e6f6ef;color:#4f9273}.stat-row small,.stat-row p{display:block;color:var(--muted);font-size:10px;margin:0}.stat-row strong{font-size:25px}.dashboard-grid,.planner-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-7{grid-column:span 7}.span-5{grid-column:span 5}.span-4{grid-column:span 4}.panel{background:rgba(255,255,255,.88);border:1px solid var(--line);border-radius:var(--radius);padding:25px;box-shadow:0 12px 38px rgba(73,55,109,.06)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-head h2{margin:5px 0 0}.mood-card{background:linear-gradient(145deg,#b39ae8,#8a6bce);color:#fff;position:relative;overflow:hidden}.mood-card .kicker,.mood-card p{color:rgba(255,255,255,.78)}.mood-card h2{max-width:390px}.mood-orb{font-size:80px;position:absolute;right:35px;bottom:50px;opacity:.28}.mood-orb i{font-style:normal;font-size:25px}.launch-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.launch-grid button{background:#faf8fd;border:1px solid var(--line);border-radius:20px;text-align:left;padding:18px}.launch-grid button:hover{background:#f1eafa;transform:translateY(-3px)}.launch-grid span,.launch-grid b,.launch-grid small{display:block}.launch-grid span{font-size:25px;color:#8a6acc;margin-bottom:18px}.launch-grid small{color:var(--muted);margin-top:5px}
.vault-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px}.search-box{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;display:flex;align-items:center;gap:8px;flex:1}.search-box:focus-within{border-color:#bba3ec;box-shadow:0 0 0 4px #f0eafa}.search-box input{border:0;outline:0;min-width:0;flex:1;background:transparent}.vault-toolbar select,.planner-top select,.field{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 14px;outline:0}.view-toggle{display:flex;background:#eee8f6;padding:4px;border-radius:14px}.view-toggle button{border:0;background:transparent;padding:7px 11px;border-radius:10px}.view-toggle button.active{background:#fff;box-shadow:0 4px 12px rgba(60,40,90,.08)}.folder-strip{display:flex;gap:8px;overflow:auto;padding:4px 0 15px}.folder-strip button{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:13px;white-space:nowrap}.folder-strip button.active{background:#eee6fb;color:#7559b3}.vault-drop{border:2px dashed #d8c8f0;border-radius:24px;background:#fbf9ff;padding:24px;text-align:center;color:#86759d;margin-bottom:20px;display:flex;gap:8px;justify-content:center;align-items:center}.vault-drop.dragging{background:#eee5fc;border-color:#9877db;transform:scale(1.01)}.vault-drop span{font-size:23px}.vault-drop small{color:#aaa0b6}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.file-grid.list{grid-template-columns:1fr}.file-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 10px 28px rgba(72,52,103,.06);cursor:grab;position:relative}.file-card.dragging{opacity:.45;transform:rotate(2deg)}.file-card:hover{transform:translateY(-4px);box-shadow:0 17px 38px rgba(72,52,103,.12)}.file-preview{height:150px;border-radius:18px;background:linear-gradient(145deg,#f1e9fc,#e7f2fd);display:grid;place-items:center;position:relative;overflow:hidden;font-size:52px}.file-preview:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:rgba(255,255,255,.35);right:-30px;top:-25px}.file-card h3{font-size:15px;margin:14px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-card p{font-size:11px;color:var(--muted);margin:0}.file-menu{position:absolute;right:21px;top:21px;border:0;background:rgba(255,255,255,.85);border-radius:50%;width:32px;height:32px;z-index:2}.file-grid.list .file-card{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:15px}.file-grid.list .file-preview{height:64px}.empty-state{border:1px dashed #d9caee;background:#fcfaff;border-radius:25px;padding:50px;text-align:center;color:var(--muted);grid-column:1/-1}.empty-state span{font-size:42px;display:block;margin-bottom:12px}
.class-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.class-card{border-radius:30px;min-height:280px;padding:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:#4b3e67}.class-card:after{content:'';position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:-50px;top:-50px;box-shadow:0 0 0 30px rgba(255,255,255,.15)}.class-card[data-color=lavender]{background:linear-gradient(145deg,#e8ddfa,#cbb7f0)}.class-card[data-color=pink]{background:linear-gradient(145deg,#fce4ef,#f2bfd7)}.class-card[data-color=blue]{background:linear-gradient(145deg,#e3f0fd,#b9d9f6)}.class-card[data-color=mint]{background:linear-gradient(145deg,#e1f4eb,#bae0cf)}.class-card[data-color=peach]{background:linear-gradient(145deg,#fff0e7,#f5c9b3)}.class-card h2{font-size:32px;margin:12px 0}.class-card .class-actions{display:flex;gap:8px;z-index:2}.class-card .class-actions button{border:1px solid rgba(255,255,255,.65);background:rgba(255,255,255,.46);padding:8px 11px;border-radius:12px}.folder-chips{display:flex;flex-wrap:wrap;gap:6px}.folder-chips span{background:rgba(255,255,255,.48);border-radius:10px;padding:6px 9px;font-size:10px}.class-progress{height:8px;border-radius:8px;background:rgba(255,255,255,.4);overflow:hidden;margin-top:16px}.class-progress i{display:block;height:100%;background:#fff;border-radius:8px}
.planner-top{display:grid;grid-template-columns:auto 1fr auto;gap:14px;margin-bottom:18px}.date-card,.progress-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px}.date-card{min-width:120px;text-align:center}.date-card span,.date-card strong,.date-card small{display:block}.date-card strong{font-size:31px;color:#8567c4}.progress-card{display:flex;align-items:center;gap:20px}.progress-card>div:first-child{min-width:130px}.progress-card small,.progress-card strong{display:block}.progress{height:12px;background:#eee8f5;border-radius:10px;overflow:hidden;flex:1}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#c3a9ef,#efbdd6);border-radius:10px;transition:.4s}.task-list{display:grid;gap:9px}.task-item{border:1px solid var(--line);background:#fdfcff;border-radius:18px;padding:13px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.task-list.large .task-item{padding:17px}.task-item.done{opacity:.6}.task-item.done b{text-decoration:line-through}.task-check{appearance:none;width:23px;height:23px;border-radius:8px;border:2px solid #c8b5e9;display:grid;place-items:center}.task-check:checked{background:#a184de;border-color:#a184de}.task-check:checked:after{content:'✓';color:#fff;font-size:12px}.task-item b,.task-item small{display:block}.task-item small{color:var(--muted);font-size:11px;margin-top:3px}.task-item .priority{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px}.task-delete{border:0;background:transparent;color:#ad9db9}.smart-plan{display:grid;gap:10px;margin:20px 0}.smart-step{padding:14px;background:#f5f0fc;border-radius:15px}.smart-step strong,.smart-step small{display:block}.smart-step small{color:var(--muted);margin-top:4px}
.studio-layout{display:grid;grid-template-columns:250px 1fr;gap:18px}.studio-modes{display:grid;gap:7px;align-content:start;position:sticky;top:95px}.studio-modes button{border:1px solid transparent;background:transparent;border-radius:18px;padding:14px;display:grid;grid-template-columns:36px 1fr;text-align:left;column-gap:10px}.studio-modes button span{grid-row:span 2;width:35px;height:35px;border-radius:12px;background:#f0e9fb;display:grid;place-items:center}.studio-modes b,.studio-modes small{display:block}.studio-modes small{color:var(--muted);font-size:10px}.studio-modes button.active{background:#fff;border-color:var(--line);box-shadow:0 9px 24px rgba(68,49,99,.07)}.studio-work{display:grid;gap:18px}.big-textarea{width:100%;min-height:300px;border:0;outline:0;background:#fbf9fe;border-radius:20px;padding:20px;resize:vertical;line-height:1.7}.studio-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;color:var(--muted);font-size:12px}.ai-output{white-space:pre-wrap;line-height:1.75;min-height:280px;background:linear-gradient(145deg,#fdfcff,#f7f2fd);border-radius:20px;padding:22px}.ai-output.empty{display:grid;place-items:center;text-align:center;color:#a59caf}.result-panel{min-height:400px}
.tool-search{max-width:560px;margin-bottom:22px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{border:1px solid var(--line);background:#fff;border-radius:23px;padding:19px;text-align:left;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;box-shadow:0 8px 25px rgba(72,53,104,.05)}.tool-card:hover{transform:translateY(-4px) rotate(-.4deg);box-shadow:var(--shadow)}.tool-card b,.tool-card small{display:block}.tool-card small{color:var(--muted);font-size:11px;margin-top:4px}.tool-card i{font-style:normal;color:#9679cd}.tool-card.hide{display:none}.tool-modal{min-width:0}.tool-modal textarea{width:100%;min-height:180px}.tool-output{padding:16px;border-radius:16px;background:#f6f1fc;margin-top:14px;white-space:pre-wrap}.field{width:100%;margin-bottom:10px}
.focus-page{min-height:calc(100vh - 190px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.focus-copy{text-align:center}.focus-copy h1{margin:18px 0 10px}.timer-ring{width:min(340px,72vw);aspect-ratio:1;position:relative;margin:30px auto}.timer-ring svg{width:100%;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke:#eee8f5;stroke-width:5}.timer-ring circle:last-child{stroke:#a282df;stroke-linecap:round;stroke-dasharray:339.3;stroke-dashoffset:0;transition:1s linear}.timer-ring>div{position:absolute;inset:0;display:grid;place-content:center}.timer-ring strong{font-size:72px;letter-spacing:-4px}.timer-ring small{text-transform:uppercase;letter-spacing:3px;color:var(--muted)}.timer-presets{display:flex;justify-content:center;gap:7px}.timer-presets button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:8px 13px}.timer-presets button.active{background:#a182df;color:#fff}.focus-copy .hero-actions{justify-content:center}.garden-panel{background:linear-gradient(#e9e1fa,#f8eafa 55%,#def0e4 56%);min-height:560px;border-radius:40px;padding:35px;text-align:center;position:relative;overflow:hidden}.garden-sky{display:flex;justify-content:space-between;font-size:35px;color:#fff}.garden{height:330px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.plant{font-size:45px;transform-origin:bottom;animation:grow .6s ease both}@keyframes grow{from{transform:scale(0)}}.garden-panel p{color:#6f7d73}.notebook{background:#fff;border:1px solid var(--line);border-radius:30px;min-height:620px;position:relative;overflow:hidden;box-shadow:var(--shadow);background-image:linear-gradient(#fff 34px,#e9e2f2 35px);background-size:100% 35px}.notebook-margin{position:absolute;left:75px;top:0;bottom:0;border-left:2px solid #f4cadb}.notebook textarea{position:absolute;inset:20px 30px 55px 95px;border:0;resize:none;outline:0;background:transparent;line-height:35px;font-size:16px}.notebook footer{position:absolute;bottom:0;left:0;right:0;background:#fff;padding:14px 25px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.settings-grid .panel{display:grid;align-content:start;gap:10px}.danger-zone{border-color:#f0d9e0}
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(60,48,83,.25);backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.modal{width:min(620px,100%);max-height:88vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 30px 90px rgba(54,40,82,.22);position:relative}.modal-close{position:absolute;right:18px;top:18px;border:0;background:#f4eff8;border-radius:50%;width:37px;height:37px;font-size:22px}.modal h2{font-size:34px}.modal label{display:block;font-size:11px;font-weight:700;color:#857b92;margin:12px 0 6px}.modal-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.drop-zone{border:2px dashed #d7c6ee;background:#faf7fe;border-radius:20px;padding:35px;text-align:center;margin:15px 0}.drop-zone input{width:100%}.color-picks{display:flex;gap:8px}.color-picks input{appearance:none;width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px var(--line)}.color-picks input:checked{box-shadow:0 0 0 3px #9b7be8}.color-picks input[value=lavender]{background:#cbb7f0}.color-picks input[value=pink]{background:#f2bfd7}.color-picks input[value=blue]{background:#b9d9f6}.color-picks input[value=mint]{background:#bae0cf}.color-picks input[value=peach]{background:#f5c9b3}.command{position:fixed;inset:0;z-index:300;background:rgba(58,44,85,.24);backdrop-filter:blur(10px);padding-top:10vh}.command-box{width:min(680px,calc(100% - 30px));margin:auto;background:#fff;border-radius:25px;padding:12px;box-shadow:0 30px 80px rgba(52,37,80,.22)}.command-box>.search-box{border:0;border-bottom:1px solid var(--line);border-radius:0}.command-box input{font-size:17px;padding:7px}.command-result{width:100%;border:0;background:transparent;border-radius:15px;padding:13px;display:flex;justify-content:space-between;text-align:left}.command-result:hover{background:#f5f0fb}.viewer{position:fixed;inset:13px;z-index:400;background:#f8f5fc;border:1px solid var(--line);border-radius:27px;padding:15px;display:grid;grid-template-rows:auto 1fr;box-shadow:0 30px 100px rgba(39,28,60,.25)}.viewer header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px 13px}.viewer header h2{margin:3px 0}.viewer header p{margin:0;color:var(--muted);font-size:12px}.viewer iframe{border:0;width:100%;height:100%;border-radius:19px;background:#fff}.toast-wrap{position:fixed;right:20px;bottom:20px;z-index:600;display:grid;gap:8px}.toast{background:#342c50;color:#fff;padding:13px 17px;border-radius:15px;box-shadow:var(--shadow);animation:toastIn .25s ease}.toast.good{background:#517962}@keyframes toastIn{from{opacity:0;transform:translateY(10px)}}
body[data-theme=rose]{--lav:#cc6d9d;--lav2:#efb9d3;--wash:#fff0f7}body[data-theme=ocean]{--lav:#5b8dc5;--lav2:#b9d9f6;--wash:#eef7ff}body[data-theme=midnight]{--ink:#f7f3ff;--muted:#aaa3bc;--paper:#242039;--cream:#1c192d;--wash:#302a49;--line:#413a59;background:#171424}body[data-theme=midnight] .sidebar,body[data-theme=midnight] .topbar,body[data-theme=midnight] .panel,body[data-theme=midnight] .stat-row article,body[data-theme=midnight] .file-card,body[data-theme=midnight] .tool-card,body[data-theme=midnight] .search-box,body[data-theme=midnight] select,body[data-theme=midnight] .modal{background:#242039;color:var(--ink)}body[data-theme=midnight] .welcome{background:linear-gradient(130deg,#302749,#222946)}body[data-density=compact] .page{padding-top:30px}body[data-density=compact] .panel{padding:18px}body[data-density=compact] .file-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
@media(max-width:1100px){.stat-row{grid-template-columns:repeat(2,1fr)}.launch-grid{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}.welcome{grid-template-columns:1fr}.hero-visual{display:none}.span-7,.span-5{grid-column:span 12}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0);box-shadow:30px 0 80px rgba(52,38,78,.2)}.mobile-head{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:rgba(255,255,255,.9);position:sticky;top:0;z-index:45;border-bottom:1px solid var(--line)}.mobile-head .logo{padding:0}.shell{margin-left:0}.topbar{top:65px;height:62px;padding:0 16px}.crumb{display:none}.search-pill{min-width:0;width:46px}.search-pill span,.search-pill kbd{display:none}.page{min-height:calc(100vh - 127px)}.studio-layout,.focus-page{grid-template-columns:1fr}.studio-modes{position:static;grid-template-columns:repeat(2,1fr)}.garden-panel{min-height:480px}.planner-grid{display:block}.planner-grid>*{margin-bottom:14px}.vault-toolbar{flex-wrap:wrap}.vault-toolbar .search-box{flex-basis:100%}.page-title{align-items:flex-start;flex-direction:column}.settings-grid{grid-template-columns:1fr}}
@media(max-width:560px){h1{font-size:45px;letter-spacing:-2.5px}.lock{grid-template-columns:1fr;background:#fff}.lock-art{display:none}.lock-panel{width:calc(100% - 36px)}.stat-row,.tool-grid,.launch-grid{grid-template-columns:1fr}.welcome{padding:28px;min-height:460px}.page{padding:28px 16px 70px}.top-actions>.icon-btn:last-child{display:none}.studio-modes{display:flex;overflow:auto}.studio-modes button{min-width:180px}.file-grid{grid-template-columns:1fr}.planner-top{grid-template-columns:1fr}.progress-card{flex-direction:column;align-items:stretch}.modal-row{grid-template-columns:1fr}.notebook-margin{left:40px}.notebook textarea{left:55px}.timer-ring strong{font-size:57px}}

.account-gate{position:fixed;inset:0;z-index:900;background:#fff;display:grid;grid-template-columns:1fr 1fr}.account-cloud{background:linear-gradient(145deg,#eee5ff,#f8eafa 55%,#e9f5ff);padding:8vw;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.account-cloud:after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;border:1px solid rgba(255,255,255,.8);right:-120px;bottom:-130px;box-shadow:0 0 0 70px rgba(255,255,255,.2),0 0 0 140px rgba(255,255,255,.12)}.account-cloud>span{font-size:70px;color:#fff}.account-cloud h2{font-size:clamp(42px,5vw,72px);letter-spacing:-3px;margin:25px 0}.account-cloud p{max-width:430px;color:#776a8b;line-height:1.7}.account-card{width:min(500px,80%);margin:auto}.account-card>.logo{padding-left:0}.account-card h2{font-size:38px;margin:20px 0 25px}.account-card label{font-size:11px;font-weight:700;color:#7b7189;display:block;margin:12px 0 6px}.auth-links{display:flex;justify-content:space-between;margin-top:15px}.auth-links button{border:0;background:transparent;color:#765bad;font-size:12px;font-weight:700}.auth-message{font-size:11px!important;line-height:1.45!important;margin:10px 2px 0!important;min-height:16px!important;color:#b45d79!important}.auth-message:empty{visibility:hidden}.account-card input:invalid:not(:placeholder-shown){border-color:#efb8c9;background:#fffafd}.muted{color:var(--muted)}
.notebook-workspace{display:grid;grid-template-columns:245px 1fr;gap:18px;min-height:680px}.notebook-shelf{display:grid;gap:10px;align-content:start}.notebook-tab{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fff;text-align:left;position:relative;overflow:hidden}.notebook-tab:before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;background:#cbb7f0}.notebook-tab[data-cover=pink]:before{background:#f2bfd7}.notebook-tab[data-cover=blue]:before{background:#b9d9f6}.notebook-tab[data-cover=mint]:before{background:#bae0cf}.notebook-tab[data-cover=peach]:before{background:#f5c9b3}.notebook-tab.active{background:#f4effc;border-color:#cbb5eb;transform:translateX(5px)}.notebook-tab b,.notebook-tab small{display:block}.notebook-tab small{color:var(--muted);margin-top:4px}.editor-shell{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;min-width:0}.editor-empty{min-height:680px;display:grid;place-content:center;text-align:center;color:var(--muted)}.editor-empty span{font-size:60px;color:#a88bdc}.editor-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line)}.editor-top>input{border:0;outline:0;font-size:24px;font-weight:700;min-width:0;flex:1}.editor-top select{border:1px solid var(--line);border-radius:12px;padding:9px}.format-bar{display:flex;gap:5px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);overflow:auto;background:#fdfbff;position:sticky;top:0;z-index:2}.format-bar button,.format-bar select,.format-bar label{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 9px;white-space:nowrap}.format-bar input[type=color]{width:19px;height:19px;border:0;padding:0;vertical-align:middle}.rich-editor{min-height:560px;padding:44px 55px;outline:0;line-height:32px;position:relative;color:#4b3f64;background-color:#fff;background-size:100% 32px}.rich-editor:empty:before{content:attr(data-placeholder);color:#aaa0b4;pointer-events:none}.rich-editor.lined{background-image:linear-gradient(transparent 31px,#e8e0ef 32px)}.rich-editor.grid{background-image:linear-gradient(#e9e3f0 1px,transparent 1px),linear-gradient(90deg,#e9e3f0 1px,transparent 1px);background-size:28px 28px}.rich-editor.dots{background-image:radial-gradient(#c9bdd6 1px,transparent 1px);background-size:22px 22px}.rich-editor.plain{background:#fff}.rich-editor.night{background:#27233b;color:#f7f1ff}.rich-editor img{max-width:90%;border-radius:15px;box-shadow:0 10px 30px rgba(55,40,83,.13);margin:12px}.rich-editor blockquote{border-left:4px solid #b89de6;margin-left:0;padding-left:18px;color:#756487}.free-note{display:inline-block;position:relative;background:#fff1a8;padding:16px;min-width:160px;min-height:90px;box-shadow:0 8px 20px rgba(87,68,49,.12);transform:rotate(-1deg);margin:10px;cursor:move}.editor-status{display:flex;justify-content:space-between;padding:12px 20px;background:#fff;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}
.research-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.bookmark-card{background:#fff;border:1px solid var(--line);border-radius:23px;padding:20px;box-shadow:0 9px 25px rgba(72,53,104,.05);position:relative}.bookmark-card:hover{transform:translateY(-3px)}.bookmark-card .site-icon{width:44px;height:44px;border-radius:14px;background:#eee7fc;display:grid;place-items:center;color:#7c60b6;font-size:19px}.bookmark-card h3{margin:18px 0 5px}.bookmark-card>a{color:#7a61af;font-size:11px;word-break:break-all}.bookmark-card p{color:var(--muted);font-size:13px;line-height:1.5}.bookmark-tags{display:flex;gap:5px;flex-wrap:wrap}.bookmark-tags span{background:#f2edf9;border-radius:999px;padding:5px 8px;font-size:9px}.bookmark-card>button{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#b2a7bd}
.custom-timer{display:flex;gap:8px;justify-content:center;align-items:end;margin:16px auto;flex-wrap:wrap}.custom-timer label{font-size:10px;color:var(--muted);display:grid;gap:4px}.custom-timer input{width:70px;border:1px solid var(--line);border-radius:11px;padding:9px;background:#fff}.music-dock{position:fixed;right:18px;bottom:18px;z-index:80;display:flex;align-items:end;gap:8px}.music-toggle{width:50px;height:50px;border:0;border-radius:50%;background:linear-gradient(145deg,#9c7dde,#c9b5ef);color:#fff;font-size:21px;box-shadow:0 12px 30px rgba(91,64,139,.25)}.music-body{display:none;width:320px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:22px;padding:15px;box-shadow:var(--shadow)}.music-dock.open .music-body{display:grid;gap:9px}.music-body small,.music-body strong{display:block}.music-body input:not([type=range]){border:1px solid var(--line);border-radius:11px;padding:9px;width:100%}.music-body audio{width:100%;height:36px}.music-body label{font-size:10px;color:var(--muted);display:flex;gap:8px;align-items:center}
@media(max-width:820px){.account-gate{grid-template-columns:1fr}.account-cloud{display:none}.account-card{width:calc(100% - 36px)}.notebook-workspace{grid-template-columns:1fr}.notebook-shelf{display:flex;overflow:auto}.notebook-tab{min-width:180px}.music-body{width:min(300px,calc(100vw - 90px))}}