
:root{--ink:#343345;--muted:#82808d;--paper:#f6f4ef;--violet:#79738e;--line:rgba(88,76,111,.12);--peach:#ede0d5;--radius:25px;font-family: -apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100dvh;letter-spacing:.01em}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;color:inherit;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #a99bc2;outline-offset:4px}input,textarea,select{outline:none;color:var(--ink)}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #c6b8d433}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}button svg{vertical-align:middle}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 90% 4%,#e3dfeb88,transparent 45%),radial-gradient(ellipse at 4% 25%,#f1e5db88,transparent 45%)}.ambient i{position:absolute;right:-10vw;top:65vh;width:60vw;height:36vw;background:#e2dfd755;transform:rotate(-12deg);border-radius:50%}.ambient b{position:absolute;left:-10vw;top:88vh;width:90vw;height:35vw;background:#e8e2dc66;border-radius:50%;transform:rotate(8deg)}#app{max-width:1240px;margin:auto;padding:0 42px}.top{display:flex;align-items:center;justify-content:space-between;height:104px}.brand{color:var(--ink);text-decoration:none;display:flex;gap:12px;align-items:center;font-size:23px;font-weight:550;letter-spacing:-.05em}.brandmark{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,#ddd5e6,#c9bdd6);font-family:Georgia,serif;font-size:38px;line-height:1;color:#675776;padding-bottom:6px;box-shadow:0 4px 12px #66557510}.brandmark span{font-family:serif;font-size:17px;position:absolute;right:5px;top:2px;color:#fcfaf6}.brand small{display:block;font-size:10px;letter-spacing:.12em;color:var(--muted);margin-top:3px;font-weight:400}.top-actions{display:flex;align-items:center;gap:15px}.icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%}.icon:hover{background:#e9e4ec}.avatar{width:36px;height:36px;border-radius:50%;background:#ebe4dc;border:1px solid #d8cdbf;font-size:12px;font-weight:600;color:#837364}.modebar{min-height:32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;gap:8px}.modebar button{font-size:11px;border-bottom:1px solid #c7bdcf;padding:4px 0}.sync{display:flex;align-items:center;gap:6px}.sync:before{content:'';width:5px;height:5px;border-radius:50%;background:#92a78e}.greeting{display:flex;justify-content:space-between;align-items:center;padding:35px 3px 28px}.eyebrow{font-size:11px;color:#9a8696;margin:0 0 15px;letter-spacing:.12em}.greeting h1{font-family:"Songti SC","Noto Serif CJK SC",Georgia,serif;font-size:36px;line-height:1.4;font-weight:500;margin:0;letter-spacing:.035em}.subline{font-size:12px;color:var(--muted);margin:13px 0 0;line-height:1.7}.orb{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 28% 25%,#fff9f0,#e6d2c8 45%,#c2b7ce 85%);box-shadow:inset -8px -5px 16px #a192a928,0 14px 25px #b7a59a24;display:grid;place-items:center;margin-right:25px;transform:rotate(15deg)}.orb span{color:#fffaf1aa;font-size:36px}.composer{position:relative;display:flex;align-items:flex-start;gap:10px;padding:21px 18px 19px 24px;border:1px solid #ffffff;border-radius:22px;background:rgba(255,255,255,.7);box-shadow:0 6px 25px #6b587207;margin-bottom:32px}.composer textarea{border:0;background:transparent;resize:none;width:100%;min-height:26px;max-height:160px;line-height:1.7;font-size:15px;padding:1px 0;box-shadow:none}.composer textarea::placeholder{color:#aaa4ad}.send{width:34px;height:34px;background:#84758e;color:white;border-radius:12px;flex:none;transition:transform .15s}.send:active{transform:scale(.91)}.capture-hint{position:absolute;bottom:-20px;left:22px;font-size:10px;color:var(--muted)}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.section-head h2{font-size:15px;font-weight:550;margin:0;letter-spacing:.04em}.section-head .count{color:#aaa0b0;font-size:11px;margin-left:8px;font-weight:400}.text-button{font-size:11px;color:#898090;padding:8px 0}.today-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:32px}.task{position:relative;display:flex;align-items:flex-start;gap:13px;padding:22px 20px;margin-bottom:11px;background:#ffffffa8;border:1px solid #ffffffcc;border-radius:20px;box-shadow:0 3px 10px #42314803}.task:first-child{background:linear-gradient(120deg,#e8e2f099,#f0eaf3aa);border-color:#eee8f7}.check{width:20px;height:20px;flex:none;border:1.3px solid #b4a8bc;border-radius:50%;margin-top:1px;padding:0;display:grid;place-items:center;font-size:11px;color:white}.check.done{background:#98a392;border-color:#98a392}.task-body{min-width:0;flex:1;cursor:pointer}.task-title{font-size:14px;line-height:1.6;font-weight:450;overflow-wrap:anywhere}.task-meta{display:flex;gap:8px;margin-top:8px;color:#9b8da2;font-size:10px;align-items:center}.task.completed .task-title{text-decoration:line-through;color:#aaa3ae}.task-reason{font-size:11px;line-height:1.7;color:#8a7e95;margin-top:10px}.tag{display:inline-flex;border-radius:6px;background:#eae3ee;padding:3px 7px;color:#93809d;font-size:9px}.tag.event{background:#e3e9ed;color:#8095a3}.tag.commitment{background:#efe0d5;color:#a57d63}.empty{padding:38px 24px;background:#ffffff66;border:1px solid #fff;border-radius:23px;text-align:center;color:#918896;font-size:13px;line-height:1.8}.empty .empty-icon{font-size:25px;margin-bottom:14px;color:#b8a9bd}.note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.note-card{position:relative;text-align:left;display:flex;flex-direction:column;min-height:169px;padding:23px 21px;border-radius:20px;border:1px solid #ffffffaa;background:linear-gradient(135deg,#eee6ddaa,#f4ece2aa);transition:transform .15s,box-shadow .15s}.note-card:nth-child(3n+2){background:linear-gradient(135deg,#e6e5efaa,#efebf3aa)}.note-card:nth-child(3n){background:linear-gradient(135deg,#e4e9e0aa,#edf0e8aa)}.note-card:hover{transform:translateY(-3px);box-shadow:0 9px 24px #7a647b0d}.note-card h3{font-family:"Songti SC",Georgia,serif;font-size:18px;font-weight:500;line-height:1.55;margin:6px 0 10px;overflow-wrap:anywhere}.note-card p{font-size:11px;line-height:1.8;color:#928790;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.note-card small{font-size:9px;color:#a2949e;margin-top:auto;padding-top:18px}.note-mark{font-size:11px;color:#a38e9f}.insight{padding:24px;border:1px solid #ffffff9c;border-radius:22px;background:linear-gradient(135deg,#ece8f099,#e9e7e1aa);margin-bottom:15px}.insight .insight-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#9a8ba5;letter-spacing:.1em}.insight h3{font-family:"Songti SC",Georgia,serif;font-size:19px;line-height:1.65;font-weight:400;margin:15px 0 9px}.insight p{font-size:11px;line-height:1.8;color:#8f8595;margin:0}.insight button{font-size:10px;color:#9884a1;margin-top:15px}.recent-note{padding:17px 1px;border-bottom:1px solid var(--line);display:block;width:100%;text-align:left}.recent-note b{font-size:13px;font-weight:450;display:block;margin:0 0 7px;overflow-wrap:anywhere}.recent-note small{font-size:10px;color:#a096a3}.notes-section{margin-top:32px;margin-bottom:24px}.bottomnav{position:fixed;z-index:10;bottom:max(18px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:7px;padding:7px;background:#fbfaf7e8;backdrop-filter:blur(18px);border:1px solid #fff;border-radius:24px;box-shadow:0 7px 35px #55455f12}.bottomnav button{display:flex;align-items:center;justify-content:center;gap:7px;min-width:100px;padding:13px 18px;border-radius:18px;font-size:11px;color:#99909e}.bottomnav button svg{width:18px;height:18px}.bottomnav .active{background:#e9e3ee;color:#796787}.foot{text-align:center;font-size:9px;color:#b1a7b2;margin:54px 0 120px}.filters{display:flex;gap:7px;overflow-x:auto;padding:1px 0 18px}.filters button{white-space:nowrap;font-size:11px;padding:8px 13px;border-radius:12px;color:#948899;background:#ffffff66}.filters .on{background:#ddd4e6;color:#71627f}.calendar{border-radius:23px;background:#ffffff77;border:1px solid white;padding:25px}.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cal-head h2{font-size:18px;font-weight:450}.cal-head div{display:flex;gap:8px}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.weekday{text-align:center;font-size:10px;color:#aaa0ae;padding:10px}.day{min-height:78px;border-radius:13px;padding:10px;text-align:left;font-size:11px;display:flex;flex-direction:column;gap:7px;align-items:flex-start}.day:hover,.day.selected{background:#ede6f1}.day.today{outline:1px solid #cec0d8}.day.muted{opacity:.28}.dots{display:flex;gap:3px}.dots i{width:4px;height:4px;background:#b6a1c1;border-radius:50%}.day small{font-size:8px;color:#9a87a4;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agenda{margin-top:26px}.search-field{width:100%;padding:15px;border:1px solid #e2dbe8;border-radius:14px;background:#fff;font-size:15px;margin-bottom:15px}.search-results{max-height:55vh;overflow:auto}.search-result{display:block;width:100%;padding:15px 2px;border-bottom:1px solid var(--line);text-align:left}.search-result b{font-size:14px;font-weight:450}.search-result p{font-size:12px;color:var(--muted);line-height:1.6}.shade{position:fixed;inset:0;background:#3e334848;backdrop-filter:blur(5px)}#overlay{position:fixed;inset:0;z-index:30;display:flex;justify-content:center;align-items:center;padding:30px}#overlay[hidden]{display:none}#dialog{position:relative;width:min(570px,100%);max-height:90dvh;overflow:auto;padding:30px;background:#f8f6f1;border:1px solid #fff;border-radius:28px;box-shadow:0 20px 80px #3f2e4d25;outline:0}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font-size:18px;font-weight:500;margin:0}.close{font-size:25px;color:#a698aa;line-height:1;width:30px;height:30px;border-radius:50%;background:#ebe5ed}.field{display:block;margin:17px 0;font-size:11px;color:#948399}.field input,.field select,.field textarea{display:block;width:100%;margin-top:8px;padding:13px;border-radius:12px;border:1px solid #e0d8e5;background:#fffdf9;font-size:14px}.field textarea{min-height:130px;resize:vertical;line-height:1.8}.note-editor-title{border:0!important;background:transparent!important;font-family:"Songti SC",Georgia,serif!important;font-size:25px!important;padding:6px 0!important}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}.primary{background:#887590;color:white;padding:13px 20px;border-radius:13px;font-size:12px}.secondary{background:#eae4ec;color:#85728e;padding:13px 17px;border-radius:13px;font-size:12px}.danger{color:#b17f7f!important}.hint{font-size:11px;line-height:1.8;color:#9a8d9f}.error{color:#ad6d76;font-size:12px;line-height:1.7;min-height:18px}.related{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.related h3{font-size:12px;font-weight:500;color:#97879f}.account-summary{padding:20px;background:#eee7f2;border-radius:18px;margin-bottom:22px}.account-summary b{display:block;font-size:20px;font-weight:500;margin-bottom:8px}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.settings-row button{color:#97819f;font-size:11px;padding:8px}.secret-key{overflow-wrap:anywhere;background:#ede7ef;border-radius:14px;padding:18px;font-family:monospace;font-size:15px;line-height:1.8;user-select:all}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.suggestions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.suggestions button{padding:9px 12px;border-radius:10px;background:#ede5ef;font-size:10px;color:#8e7b97}.toast{opacity:1}#toast{position:fixed;z-index:60;bottom:105px;left:50%;transform:translate(-50%,15px);padding:12px 20px;border-radius:15px;background:#4e4358ee;color:#fff9ff;font-size:12px;max-width:90vw;box-shadow:0 8px 25px #34243f20;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}#toast.on{opacity:1;transform:translate(-50%,0)}.loading{font-size:12px;color:var(--muted);padding:40px;text-align:center}.vault-warning{padding:13px;border-radius:12px;background:#eee2d9;font-size:11px;color:#9b7966;line-height:1.8}.progress-line{height:3px;background:#e8e2eb;border-radius:4px;overflow:hidden;margin-top:20px}.progress-line i{display:block;height:100%;background:#b4a4bf}.conflict{color:#ad7f61}.phone-preview #app{max-width:430px;padding:0 23px}.phone-preview .today-grid{grid-template-columns:1fr}.phone-preview .note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-preview .greeting h1{font-size:28px}.phone-preview .orb{width:62px;height:62px;margin:0}.phone-preview .today-side{display:block}.phone-preview .today-side .recent-note{display:none}.phone-preview .greeting{padding-top:24px}.phone-preview .top{height:86px} @media(min-width:1000px){main{padding:0 40px}.top{padding:0 40px}.modebar{padding:0 43px}}@media(max-width:700px){#app{padding:0 22px}.top{height:85px}.brand{font-size:21px}.brand small{font-size:9px}.brandmark{width:37px;height:37px;font-size:33px;border-radius:13px}.greeting{padding:25px 0 25px}.greeting h1{font-size:29px;letter-spacing:.02em}.eyebrow{font-size:10px;margin-bottom:13px}.subline{font-size:11px;max-width:245px}.orb{width:66px;height:66px;margin:0 2px 0 10px}.orb span{font-size:27px}.composer{padding:18px 14px 16px 18px;border-radius:20px;margin-bottom:31px}.composer textarea{font-size:14px}.today-grid{grid-template-columns:1fr;gap:23px}.today-side{display:block}.today-side .recent-note{display:none}.task{padding:20px 17px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.note-card{padding:18px 17px;min-height:163px}.note-card h3{font-size:17px}.bottomnav{bottom:max(13px,env(safe-area-inset-bottom));gap:2px;border-radius:23px;padding:6px}.bottomnav button{min-width:94px;padding:13px 15px;font-size:10px;gap:6px}.foot{margin-top:35px}.calendar{padding:14px}.cal-grid{gap:3px}.day{min-height:58px;padding:8px 5px;font-size:11px}.day small{display:none}.calendar .cal-head{margin-bottom:9px}#overlay{padding:0;align-items:flex-end}#dialog{max-height:93dvh;border-radius:27px 27px 0 0;padding:25px 24px max(30px,env(safe-area-inset-bottom));width:100%}.dialog-head{margin-bottom:18px}.form-two{gap:9px}.note-editor-title{font-size:23px!important}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media(max-width:350px){#app{padding:0 15px}.greeting h1{font-size:25px}.orb{display:none}.bottomnav button{min-width:84px;padding:12px}}

@media(max-width:700px){input,textarea,select,.composer textarea,.field input,.field select,.field textarea{font-size:16px}.insight{padding:20px}.insight h3{font-size:18px}.today-side .section-head{display:none}}

.brandmark svg{width:26px;height:26px;stroke-width:1.8}.brandmark{padding-bottom:0}
