@font-face{font-family:Anton;src:url('anton.ttf')}@font-face{font-family:Barlow;src:url('barlow.ttf');font-weight:700}@font-face{font-family:DM;src:url('../assets/fonts/dm-sans.ttf');font-weight:100 900}
:root{--paper:#f1ead9;--ink:#1b1c19;--red:#c63f25;--muted:#857f72}*{box-sizing:border-box}body{margin:0;background:#e7e3da;color:var(--ink);font-family:DM,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #bf4a2b;outline-offset:5px}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button{color:inherit}button:disabled{cursor:wait;opacity:.6}.symbols{position:absolute;width:0;height:0}.studio{max-width:1280px;margin:auto;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:70px 90px 40px;align-items:center}.notes{max-width:390px}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px}.red-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--red)}h1{font-family:Barlow,sans-serif;font-size:100px;line-height:.92;letter-spacing:-3px;margin:35px 0 23px}h1 em{font-style:normal;color:var(--red)}.intro{font-size:16px;line-height:1.6;color:#6a675e}.controls{margin-top:44px}.control-title{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;font-weight:600}.control-title #previewTime{font-size:14px;letter-spacing:0;font-variant-numeric:tabular-nums}input[type=range]{width:100%;accent-color:var(--red);margin:20px 0 10px;cursor:ew-resize}.range-labels{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#777}.button-row{display:flex;gap:8px;margin-top:20px}.small-button{border:1px solid #c0b9ab;background:transparent;border-radius:4px;padding:9px 13px;font-size:11px}.small-button:hover{background:#d9d2c4}.control-note{font-size:10px;color:#777}.divider{height:1px;background:#cbc5ba;margin:28px 0}.try-button{display:flex;align-items:center;gap:15px;background:none;border:0;border-bottom:1px solid #cec8bd;padding:16px 0;width:100%;text-align:left;font-size:12px}.try-button>span{font-size:9px;color:var(--red)}.try-button svg{width:17px;margin-left:auto}.season-label{display:block;font-size:8px;letter-spacing:1.5px;margin-top:28px}.season-label select{display:block;width:100%;margin-top:10px;padding:9px 0;border:0;border-bottom:1px solid #bdb6a8;background:transparent;font-size:12px;color:#615c51}footer{font-size:8px;letter-spacing:1.3px;margin-top:40px;display:flex;justify-content:space-between;color:#777}footer span{font-size:9px;letter-spacing:0;line-height:1.6}.device-area{width:100%;display:flex;flex-direction:column;align-items:center}.device{width:380px;max-width:100%;border:7px solid #222420;border-radius:44px;box-shadow:0 30px 65px #29271d30,0 4px 12px #0002;overflow:hidden;background:var(--paper)}.screen{width:366px;height:794px;position:relative;overflow:hidden;isolation:isolate;background:var(--paper);color:var(--ink);--paper:#f1ead9;--ink:#1b1c19;transition:background 1.3s,color 1.3s}.screen.night{--paper:#181d21;--ink:#efe8d7;--red:#ce5639}.paper,.card-grain{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.2;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='.65' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}.night .paper{mix-blend-mode:screen;opacity:.07}.status{position:relative;z-index:9;display:flex;justify-content:space-between;padding:14px 19px 0;font-size:12px;font-weight:600;line-height:18px}.status-right{display:flex;align-items:center;gap:6px}.status-right svg{width:15px;height:13px}.signal{font-size:9px;letter-spacing:1px}.battery{display:block;width:18px;height:9px;border:1px solid currentColor;border-radius:2px;position:relative}.battery:after{content:'';position:absolute;inset:1px;background:currentColor;border-radius:1px}.home-content{position:relative;z-index:3;padding:54px 19px 0}.date{font-size:11px;letter-spacing:2.3px;margin-left:7px}.clock{font-family:Anton,sans-serif;font-size:141px;letter-spacing:-7px;line-height:1.18;margin-left:3px;position:relative;white-space:nowrap;transform:scaleX(.91);transform-origin:left center;font-variant-numeric:tabular-nums}.greeting-block{margin:17px 0 37px 7px}.red-rule{display:block;width:35px;height:2px;background:var(--red);margin-bottom:12px}.greeting-block h2{font-family:Barlow,sans-serif;font-size:34px;letter-spacing:-.8px;line-height:1.05;color:var(--red);margin:0}.landscape{position:absolute;left:0;right:0;top:38px;height:330px;z-index:1;pointer-events:none}.orb{width:190px;height:190px;background:var(--red);border-radius:50%;position:absolute;left:247px;top:8px;transition:background 1s;overflow:hidden;will-change:transform}.orb:after{content:'';position:absolute;inset:0;opacity:.35;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.moon-cut{position:absolute;inset:-22px -30px 30px 40px;border-radius:50%;background:var(--paper);opacity:0;transition:opacity 1s,background 1s}.night .orb{background:#e5d8b4}.night .moon-cut{opacity:1}.mountains{position:absolute;right:-35px;bottom:-32px;width:380px;height:240px;stroke:none;overflow:visible;color:#252823}.ridge{fill:currentColor}.back{opacity:.35}.front{opacity:.88}.night .mountains{color:#828b83}.trees{opacity:.8}.birds{color:var(--ink)}.task-card{position:relative;background:#20211e;color:#f0eadb;border-radius:17px;padding:22px 20px 23px;min-height:239px;overflow:hidden;box-shadow:inset 0 0 30px #0003}.card-grain{z-index:1;opacity:.23;mix-blend-mode:screen}.card-heading{position:relative;z-index:3;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;align-items:center}.kanji{display:inline-block;border-left:1px solid #e8e2d14d;padding-left:9px;margin-left:6px;font-size:14px}.edit-task{border:0;background:transparent;color:#b7b5a9;font-size:8px;letter-spacing:1px;padding:6px 0 6px 6px}.card-rule{width:35px;height:2px;background:var(--red);margin:11px 0 15px}.task-card h3{position:relative;z-index:2;font-family:Barlow,sans-serif;font-size:43px;line-height:1.02;letter-spacing:-.8px;margin:0 0 12px;max-width:260px;overflow-wrap:anywhere}.deadline{position:relative;z-index:2;color:#e36c4c;font-size:9px;font-weight:600;letter-spacing:.6px;max-width:245px;margin:0 0 19px;min-height:13px}.complete{position:relative;z-index:4;background:#ede6d5;color:#22251f;border:0;border-radius:24px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;padding:12px 15px;min-width:210px}.complete svg{width:15px;height:15px}.complete-arrow{margin-left:auto}.branch{position:absolute;right:-13px;bottom:-8px;width:110px;height:210px;stroke:none;opacity:.85;z-index:1;pointer-events:none}.task-card.done h3{opacity:.55}.task-card.done .deadline{color:#aca99e}.stamp{position:absolute;z-index:5;right:24px;bottom:34px;width:80px;height:86px;border:4px solid #ce482d;outline:1px solid #ce482d;outline-offset:-8px;color:#ce482d;transform:rotate(-12deg);display:none;text-align:center;background:#22251fe8;pointer-events:none;box-shadow:0 0 2px #f05e3e}.stamp span{font-family:serif;font-size:32px;display:block;line-height:1.45;font-weight:900}.stamp small{font-size:10px;letter-spacing:3px;display:block}.done .stamp{display:block}.stamp.strike{animation:stamp .48s cubic-bezier(.17,.85,.18,1.2)}@keyframes stamp{0%{transform:scale(2.8) rotate(-23deg);opacity:0}48%{transform:scale(.94) rotate(-12deg);opacity:1;filter:blur(.8px)}65%{transform:scale(1.06) rotate(-12deg);filter:blur(0)}100%{transform:scale(1) rotate(-12deg)}}.undo{position:relative;z-index:5;background:none;border:0;color:#d6cdb9;font-size:11px;padding:8px 0}.below-card{display:flex;justify-content:space-between;align-items:center;margin:20px 4px 24px;font-size:10px;color:#77776b}.below-card button{border:0;background:transparent;font-size:8px;letter-spacing:1px;color:var(--ink);padding:8px 0}.below-card button span{border:1px solid #9c998b;border-radius:50%;font-size:8px;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:3px}.dock{display:flex;align-items:center;justify-content:space-between;padding:0 7px}.dock button{padding:9px;background:transparent;border:0;border-radius:50%;position:relative}.dock svg{width:26px;height:26px;stroke-width:1.7}.dock .capture-button{width:62px;height:62px;background:var(--red);color:#fff4df;display:grid;place-items:center;box-shadow:1px 1px 0 #b32c1c}.capture-button svg{width:32px;height:32px}.capture-button.ripple:after{content:'';position:absolute;inset:-3px;border:2px solid var(--red);border-radius:50%;animation:ripple .6s ease-out forwards}@keyframes ripple{to{transform:scale(1.7);opacity:0}}.swipe-hint{border:0;background:transparent;color:#888377;font-size:6px;letter-spacing:1.7px;display:block;margin:14px auto 0;padding:7px}.swipe-hint span{display:block;font-size:12px;line-height:12px}.home-indicator{position:absolute;bottom:8px;left:37%;width:26%;height:3px;background:var(--ink);border-radius:3px;opacity:.9}.device-caption{display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:1.8px;margin-top:21px;width:366px}.device-caption>span:last-child{margin-left:auto;color:#888;font-size:7px}.reveal{animation:brush .3s ease-out}@keyframes brush{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}#petals{position:absolute;inset:0;pointer-events:none;z-index:10}.petal{position:absolute;width:7px;height:11px;background:#cb5336;border-radius:80% 20% 70% 30%;animation:fall 2.5s ease-in forwards}@keyframes fall{from{transform:translate(0,0) rotate(0);opacity:1}to{transform:translate(-130px,430px) rotate(300deg);opacity:0}}dialog{border:0;padding:29px;border-radius:18px;background:#f1eadb;color:#24251f;width:min(440px,calc(100% - 32px));box-shadow:0 30px 90px #0004;max-height:88vh;overflow:auto}dialog::backdrop{background:#11181388;backdrop-filter:blur(5px)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1.3px;color:#837b6c}.close-modal{border:0;background:none;padding:3px}.close-modal svg{width:19px;height:19px}dialog h2{font:700 44px/1 Barlow,sans-serif;letter-spacing:-1px;margin:24px 0}dialog label{display:block;font-size:9px;letter-spacing:1px;margin:20px 0}dialog textarea,dialog input{display:block;margin-top:10px;width:100%;border:1px solid #c8bfad;border-radius:6px;background:#e9e1cf;padding:13px;font-family:DM,sans-serif;font-size:16px;line-height:1.5;color:#222;letter-spacing:0;resize:vertical}dialog textarea{width:100%}.modal-note{font-size:10px;line-height:1.6;color:#7c7568}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:#c24127;color:#fff1d7;border:0;border-radius:6px;padding:14px 17px;font-size:12px;margin-top:22px}.primary svg{width:17px;height:17px}.text-button{display:block;background:none;border:0;font-size:11px;margin:17px auto 0;color:#817868}.voice-row{display:flex;align-items:center;gap:12px;margin:14px 0}.voice-row button{display:flex;align-items:center;gap:5px;white-space:nowrap}.voice-row svg{width:14px;height:14px}#recordStatus{font-size:10px;color:#8d4937}audio{width:100%;margin:10px 0}.capture-entry{border-top:1px solid #cfc4ae;padding:17px 0}.capture-entry p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}.capture-entry small{font-size:9px;color:#807763}.capture-entry button{font-size:10px;border:0;background:none;color:#aa3a27;padding:7px 0}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#252922;color:#f3ecd9;padding:13px 22px;border-radius:6px;font-size:12px;z-index:100;transition:.2s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.app-drawer{position:absolute;inset:0;background:var(--paper);z-index:15;padding:55px 24px 25px;overflow:auto}.drawer-top{display:flex;justify-content:space-between;align-items:center}.drawer-top h2{font:700 40px Barlow;margin:0}.drawer-top button{background:none;border:0;font-size:20px}.app-search{display:flex;border-bottom:1px solid #918c7f;margin:18px 0;gap:9px;padding-bottom:10px}.app-search input{border:0;background:none;width:100%;outline:none;color:var(--ink)}.drawer-note{font-size:10px;line-height:1.5;color:#888}#appList{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}#appList button{border:1px solid #aaa494;border-radius:8px;background:none;color:var(--ink);padding:18px 8px;font-size:12px}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}
@media(min-width:1500px){.studio{gap:150px}.device{transform:scale(1.05)}}@media(max-width:1000px){.studio{gap:50px;padding:40px;grid-template-columns:1fr 380px}h1{font-size:80px}}@media(max-width:760px){body{background:#e7e3da}.studio{display:flex;flex-direction:column-reverse;gap:45px;padding:22px 16px 35px}.device-area{width:100%}.device{flex-shrink:0}.notes{width:366px;max-width:100%}h1{font-size:66px;margin-top:25px}.intro{display:none}.controls{margin-top:25px}.device-caption{max-width:100%}.eyebrow{font-size:8px}}@media(max-width:399px){.device{width:350px}.screen{transform:scale(.918);transform-origin:top left}.device{height:743px}.studio{padding-left:10px;padding-right:10px}.device-caption{width:336px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.petal{display:none}}
.reference-mountains{mix-blend-mode:multiply}.mountains>.ridge,.mountains>g[mask]{opacity:.12}.night .reference-mountains{opacity:.18;mix-blend-mode:luminosity}.night .mountains>g[mask]{opacity:.8}