:root{--ink:#453931;--muted:#907d71;--pink:#dca3aa;--orange:#d99b6c;--yellow:#d8bc72;--green:#8fa58c;--gray:#a9a19c;--blue:#8fb1bd;--purple:#9b8cab;--line:rgba(90,65,52,.12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:ui-rounded,"PingFang SC",sans-serif;background:linear-gradient(145deg,#f5dfcf,#f8ecdf 48%,#ead8d3);overflow-x:hidden}.aurora{position:fixed;border-radius:50%;opacity:.45}.aurora.a{width:560px;height:560px;right:-160px;top:-190px;background:radial-gradient(circle,#dbb8c1,transparent 68%)}.aurora.b{width:520px;height:520px;left:-210px;bottom:-230px;background:radial-gradient(circle,#efb984,transparent 70%)}button{font:inherit;color:inherit}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #8c6e5d18;position:relative;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font:20px Georgia,"Songti SC",serif}.brand>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#ca8874,#9f6d74)}.brand small{display:block;font:8px monospace;letter-spacing:1.5px;color:#9b8174}.prototype-note{font-size:11px;color:#8e796c}.outline-btn{border:1px solid #674b3d66;border-radius:99px;background:#ffffff44;padding:9px 16px}.stage{min-height:calc(100vh - 78px);display:grid;grid-template-columns:minmax(370px,1fr) minmax(420px,630px);gap:4vw;align-items:center;padding:36px 8vw 50px}.intro{max-width:590px}.eyebrow{font-size:11px;letter-spacing:3px;color:#9b6d5c}.intro h1{font:500 clamp(44px,5vw,72px)/1.1 Georgia,"Songti SC",serif;letter-spacing:-3px;margin:18px 0 24px}.intro h1 em{font-style:normal;background:linear-gradient(90deg,#bd746a,#96708c);-webkit-background-clip:text;color:transparent}.intro>p{font-size:16px;line-height:1.9;color:#79685e}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:26px 0 50px}.chips span{padding:8px 13px;border:1px solid #5b403329;background:#ffffff44;border-radius:99px;font-size:10px}.hint{font-size:11px;color:#9b887b}.device-wrap{display:flex;flex-direction:column;align-items:center}.device{width:390px;height:790px;padding:10px;border-radius:52px;background:#392f2b;box-shadow:0 30px 80px #603e2b40;position:relative}.speaker{position:absolute;z-index:4;top:18px;left:50%;translate:-50%;width:110px;height:26px;border-radius:20px;background:#392f2b}.screen{width:100%;height:100%;background:linear-gradient(160deg,#fffaf4,#f9eee4);border-radius:43px;overflow:hidden;position:relative}.status{height:43px;padding:12px 24px 0;display:flex;justify-content:space-between;font-size:10px;font-weight:700}.app-view{display:none;height:calc(100% - 114px);padding:14px 20px 20px;overflow-y:auto;scrollbar-width:none}.app-view::-webkit-scrollbar{display:none}.app-view.active{display:block;animation:fade .25s}@keyframes fade{from{opacity:0;translate:0 4px}}.app-header{display:flex;justify-content:space-between;align-items:flex-start;margin:5px 0 18px}.app-header h2{font:600 22px Georgia,"Songti SC",serif;margin:5px 0}.date-label{font-size:9px;color:#9c897d;letter-spacing:1px}.avatar,.round{border:0;background:#f0dfd2;width:34px;height:34px;border-radius:50%}.highlights-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panel-label{font-size:9px;font-weight:700;position:absolute;left:13px;top:12px}.panel-label small{font-size:7px;font-weight:400;opacity:.65}.record-panel,.jar-panel{height:215px;border-radius:25px;position:relative;overflow:hidden}.record-panel{border:0;padding:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 44%,#fff,#f7dddd 25%,#dca3aa99 60%,#fff0);box-shadow:inset 0 0 35px #fff8}.record-orb{width:62px;height:62px;border-radius:48% 52% 55% 45%;background:radial-gradient(circle at 35% 30%,#fff,#f2d4d7 24%,#dca3aa 66%,#c98994);box-shadow:0 0 0 15px #dca3aa1f,0 0 0 30px #dca3aa12;animation:breathe 3.2s infinite}.record-panel b{font:15px Georgia,"Songti SC",serif;margin-top:17px}.record-panel small{font-size:8px;margin-top:4px}.record-panel i{position:absolute;right:13px;bottom:10px;font-style:normal;font-size:22px}@keyframes breathe{50%{scale:1.06;border-radius:53% 47% 45% 55%}}.jar-panel{background:linear-gradient(145deg,#ffffff99,#ecdcd26b);border:1px solid #fff}.jar-panel>p{position:absolute;bottom:7px;width:100%;text-align:center;margin:0;font-size:6px;color:#9b897f}.jar{position:absolute;inset:37px 19px 26px}.jar-lid{position:absolute;z-index:2;left:22%;right:22%;height:12px;background:linear-gradient(#8f8177,#c2b3a7,#88796f);border-radius:5px}.jar-glass{position:absolute;inset:9px 0 0;border:2px solid #9789807a;border-top:0;border-radius:10px 10px 30px 30px;background:linear-gradient(110deg,#fff8,#fff2 45%,#fff6);overflow:hidden}.bubble{position:absolute;left:var(--x);top:var(--y);width:var(--d);height:var(--d);border-radius:48% 52% 45% 55%;translate:-50% -50%;animation:wobble 4s ease-in-out infinite alternate;box-shadow:inset -3px -4px 7px #5a413722,inset 4px 3px 6px #fff8}.bubble:nth-child(even){animation-delay:-1.7s}@keyframes wobble{from{translate:-3px 1px;rotate:-2deg}to{translate:2px -4px;rotate:3deg}}.bubble.pink,.tiny-orb.pink,.palette .pink{background:radial-gradient(circle at 30% 25%,#f6e8e9,#dca3aa 62%,#c48892)}.bubble.orange,.palette .orange{background:radial-gradient(circle at 30% 25%,#f7e7db,#d99b6c 62%,#bf7f54)}.bubble.yellow,.tiny-orb.yellow,.palette .yellow{background:radial-gradient(circle at 30% 25%,#fbf3db,#d8bc72 62%,#bea054)}.bubble.green,.tiny-orb.green,.palette .green{background:radial-gradient(circle at 30% 25%,#e6eee4,#8fa58c 62%,#71896f)}.bubble.gray,.palette .gray{background:radial-gradient(circle at 30% 25%,#eeeae7,#a9a19c 62%,#8e8580)}.bubble.blue,.tiny-orb.blue,.palette .blue{background:radial-gradient(circle at 30% 25%,#e4f0f2,#8fb1bd 62%,#6d98a7)}.bubble.purple,.tiny-orb.purple,.palette .purple{background:radial-gradient(circle at 30% 25%,#eee8f1,#9b8cab 62%,#7e6d92)}.section-title{display:flex;justify-content:space-between;margin:20px 2px 10px}.section-title span{font-size:12px;font-weight:700}.section-title small{font-size:8px;color:#a18f84}.moment-card,.yesterday-card{display:flex;justify-content:space-between;align-items:center;border-radius:15px;padding:11px 12px;margin-bottom:7px}.moment-card.blush{background:#f3dedb}.moment-card.lilac{background:#e7e0ea}.moment-card>div{display:flex;align-items:center;gap:8px}.moment-card b,.yesterday-card b{font:10px Georgia,"Songti SC",serif}.moment-card time{font-size:7px}.tiny-orb{width:17px;height:17px;border-radius:50%;display:inline-block;flex:0 0 17px}.yesterday-card{width:100%;border:1px solid #ddccc0;background:#fff4;text-align:left}.yesterday-card span{display:flex;flex-direction:column;gap:4px}.yesterday-card small{font-size:7px;color:#9c8a7e}.yesterday-card i{font-size:22px}.time-stream{position:relative}.time-stream:before{content:"";position:absolute;left:26px;top:16px;bottom:20px;width:1px;background:#ddcec4}.time-stream article{display:grid;grid-template-columns:55px 1fr;gap:8px;margin-bottom:14px}.stream-date{z-index:1;background:#fcf5ee;padding:4px 0}.stream-date b,.stream-date span{display:block}.stream-date b{font:14px Georgia,"Songti SC",serif}.stream-date span{font-size:7px;color:#a18e82}.stream-card{grid-column:2;display:flex;align-items:center;gap:8px;background:#efdFD4aa;border-radius:14px;padding:11px;margin-top:-43px}.stream-card+.stream-card{margin-top:-3px}.stream-card b{font:10px Georgia,"Songti SC",serif}.stream-card p{font-size:7px;color:#9b887c;margin:4px 0}.future-card{background:linear-gradient(120deg,#f0dec5,#f5e9d9)}.photo{width:42px;height:39px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(#809eb0,#d49b72)}.almanac{border-radius:27px;background:linear-gradient(145deg,#df9d77,#c97f69 55%,#a76d6c);color:#fff;padding:17px;box-shadow:0 14px 30px #b1685238}.alm-top,.dos{display:flex;justify-content:space-between;font-size:7px}.alm-main{display:flex;justify-content:space-between;align-items:center;padding:20px 2px 16px}.alm-main small{font-size:8px}.alm-main b{display:block;font:23px Georgia,"Songti SC",serif;margin:5px 0}.alm-main p{font-size:8px;margin:0}.alm-sun{font-size:42px;color:#ffe2a1}.dos{gap:8px;border-top:1px solid #fff3;padding-top:12px}.dos>div{flex:1;background:#fff2;border-radius:12px;padding:9px}.dos b{display:block;font-size:8px;margin-top:4px}.habit{width:100%;display:flex;align-items:center;gap:10px;border:0;background:#efe0d5ad;border-radius:15px;padding:10px 11px;margin-bottom:7px;text-align:left}.habit>span{width:30px;height:30px;border-radius:10px;background:#ead9ca;display:grid;place-items:center}.habit div{display:flex;flex:1;flex-direction:column}.habit b{font-size:10px}.habit small{font-size:7px;color:#9d8c81}.habit i{font-style:normal}.countdown{background:#e9dfe9;border-radius:17px;padding:13px 16px;display:flex;justify-content:space-between}.countdown div{display:flex;flex-direction:column}.countdown small{font-size:8px}.countdown b{font:13px Georgia}.countdown em{font-size:22px;color:#8c6f94;font-style:normal}.profile{text-align:center}.profile-orb{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;margin:auto;background:radial-gradient(circle at 30% 25%,#f8e5df,#cd8d7b 65%,#a9655e);color:#fff}.profile h2{font:22px Georgia;margin:10px 0 4px}.profile p{font-size:8px;color:#9d8a7e}.settings{background:#fff6;border-radius:20px;padding:4px 12px}.settings button{width:100%;display:flex;align-items:center;gap:10px;border:0;border-bottom:1px solid var(--line);background:none;padding:11px 0;text-align:left}.settings button>span{width:27px;height:27px;border-radius:9px;background:#f0dfd3;display:grid;place-items:center;font-size:8px}.settings button div{display:flex;flex:1;flex-direction:column}.settings button b{font-size:10px}.settings button small{font-size:7px;color:#9f8e83}.storage{margin-top:12px;background:#eee3da;border-radius:18px;padding:13px}.storage>div:first-child{display:flex;justify-content:space-between}.storage b{font-size:9px}.storage small,.storage p,.version{font-size:7px;color:#9e8e84}.storage-bar{height:5px;background:#dbcfc6;border-radius:9px;margin:10px 0}.storage-bar i{display:block;width:24%;height:100%;background:linear-gradient(90deg,#cd8d7b,#9b8cab)}.version{text-align:center;margin:18px}.tabbar{position:absolute;left:0;right:0;bottom:0;height:71px;background:#fff8f0eb;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 65px 1fr 1fr;align-items:center;padding:4px 9px 7px;backdrop-filter:blur(16px)}.tabbar button{border:0;background:none;font-size:8px;color:#aa978b;display:flex;gap:2px;flex-direction:column;align-items:center}.tabbar button span{font-size:17px}.tabbar button.active{color:#925f59;font-weight:700}.tabbar .add-button{width:48px;height:48px;border-radius:50%;background:linear-gradient(145deg,#e5aa89,#c97868);font-size:27px;color:#fff;justify-content:center;box-shadow:0 8px 20px #b7685547;translate:0 -12px}.view-label{font:9px monospace;color:#987f72;margin-top:16px}.drawer{position:fixed;z-index:20;right:0;top:0;width:min(450px,92vw);height:100vh;padding:55px 42px;background:#fff6ed;translate:105%;transition:.3s}.drawer.open{translate:0}.drawer-close{position:absolute;right:25px;top:19px;border:0;background:none;font-size:28px}.drawer h2{font:30px Georgia}.drawer section{border-top:1px solid var(--line);padding:17px 0}.drawer section p{font-size:9px;line-height:1.7}.overlay{position:fixed;z-index:15;inset:0;background:#392b2357;opacity:0;pointer-events:none}.overlay.open{opacity:1;pointer-events:auto}.modal{position:fixed;z-index:25;left:50%;bottom:0;width:min(520px,100%);padding:9px 22px 28px;background:#fff8f1;border-radius:25px 25px 0 0;translate:-50% 110%;transition:.32s}.modal.open{translate:-50% 0}.modal-handle{width:40px;height:4px;background:#ddcec4;margin:0 auto 12px}.modal-head,.color-title,.attach-row{display:flex;justify-content:space-between}.modal-head button,.attach-row button{border:0;background:none;font-size:10px}.save{color:#b66f65}.modal textarea{width:100%;height:105px;resize:none;border:0;background:#f5e8de;border-radius:16px;padding:15px;margin:18px 0 13px}.color-title b{font-size:10px}.color-title small,.attach-row small{font-size:8px;color:#9f8c80}.palette{display:flex;justify-content:space-between;margin:13px 0 18px}.palette button{width:34px;height:34px;border:3px solid transparent;border-radius:50%;box-shadow:inset -3px -3px 6px #57403522}.palette button.selected{border-color:#fff;outline:2px solid #9b8174;scale:1.08}.modal-note{text-align:center;font:9px Georgia;color:#a18f83;margin-top:20px}.toast{position:fixed;z-index:30;left:50%;bottom:28px;translate:-50% 30px;opacity:0;background:#6f5148;color:#fff;border-radius:99px;padding:10px 17px;font-size:10px}.toast.show{opacity:1;translate:-50% 0}@media(max-width:900px){.prototype-note{display:none}.stage{grid-template-columns:1fr;padding:38px 20px}.intro{text-align:center}.intro h1{font-size:46px}.chips{justify-content:center;margin-bottom:30px}.hint{display:none}.device{width:min(390px,94vw)}}@media(max-width:430px){.stage{padding:22px 0 0}.intro{padding:0 20px}.intro h1{font-size:37px}.device{width:100%;height:780px;border-radius:42px 42px 0 0}.screen{border-radius:35px 35px 0 0}.view-label{display:none}}