/* One phone canvas, one navigation owner. */
:root{--bg-main:#f8f5ed;--bg-card:#fffcfb;--cream:#faf6ef;--grey-soft:#eeeef0;--grey-medium:#aaa1ab;--pink-soft:#f0e6ed;--pink-muted:#b697a9;--lavender-grey:#e9e5ed;--text-main:#57545a;--text-muted:#938795;--border-soft:#e4dce1;--accent:#9c8194;--ink:var(--text-main);--muted:var(--text-muted);--line:var(--border-soft)}
body{background:#eeeef0;color:#57545a}#app{width:100%;max-width:430px;margin:0 auto;min-height:100dvh;padding-bottom:88px;border-radius:0;overflow:clip;background-attachment:fixed}svg{width:22px;height:22px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{touch-action:manipulation}button:focus-visible{outline:2px solid #a68b9a;outline-offset:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:5px}.btn svg{width:17px;height:17px}.nav{left:50%;right:auto;transform:translateX(-50%);width:min(100%,430px);height:78px;padding:9px 5px max(10px,env(safe-area-inset-bottom));background:#f6f3f3ef}.nav button{flex:1;min-width:0;gap:4px;font-size:11px}.nav svg{width:23px;height:23px}.nav .active{color:#8d7080}.nav .active svg{background:#e9dde4;border-radius:8px;box-shadow:0 0 0 5px #e9dde4}.page{padding:22px 18px}.page .top{align-items:center;gap:12px}.top .btn{padding:8px}.title{font-size:24px}.desktop-home{padding:22px 0 9px}.home-brand{display:flex;justify-content:space-between;align-items:center;margin:0 24px 20px;letter-spacing:2px;font-size:13px}.home-brand i{color:#b095a4}.home-brand small{font:italic 12px Georgia;color:#a8a0a8;letter-spacing:1px}.home-pager{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scroll-behavior:smooth}.home-pager::-webkit-scrollbar{display:none}.desk-screen{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;padding:0 23px;user-select:none}.date-widget{position:relative;min-height:184px;padding:22px;background:#fdfbface;border:1px solid #ded8dc;border-radius:23px;box-shadow:0 5px 18px #77717709}.date-number{font:46px Georgia;color:#7c7580;margin-top:7px;letter-spacing:-2px}.weekday{font:italic 15px Georgia;color:#aaa1a9}.date-widget p{font-size:12px;margin:14px 0 5px}.date-widget small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:95%;font-size:10px;color:#a49ba2}.little-orbit{position:absolute;right:25px;top:35px;border:1px dashed #d2c4ce;border-radius:50%;padding:18px;transform:rotate(-16deg)}.little-orbit svg{width:32px;height:32px;color:#c4afbd}.desk-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:19px 0}.desk-tile{position:relative;text-align:left;border:1px solid #e5dce1;background:#f5eff2cf;padding:15px;border-radius:21px;min-height:115px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;box-shadow:0 3px 7px #72687005}.desk-tile strong{font-size:13px;font-weight:500}.desk-tile small{font-size:10px;color:#9b929a}.tile-icon{color:#a194a2}.water-tile{background:#edf2f5d9}.reading-tile{background:#f3f0ead9}.food-tile{background:#eeeef1d9}.ai-tile{grid-column:span 2;min-height:73px;padding-left:60px;justify-content:center;background:#f4edf3d9}.ai-tile .tile-icon{position:absolute;left:20px;top:24px}.mini-reminder{display:flex;justify-content:space-between;gap:8px;width:100%;font-size:10px;color:#a295a0;padding:11px 4px;background:none}.mini-reminder span{font:italic 10px Georgia}.profile-widget{display:flex;align-items:center;gap:14px;background:#fbf9facf;border:1px solid #e2dce1;border-radius:22px;padding:19px;margin-bottom:17px}.profile-widget h2{font-size:14px;font-weight:500;margin:7px 0}.profile-widget small{font-size:10px;color:#a79ca6}.profile-seal{border:1px solid #ded5df;border-radius:50%;padding:15px;background:#f2eef3;color:#aa9aae}.quote-widget{width:100%;text-align:left;border-radius:20px;padding:22px;background:#ebe6edc9;color:#8c8090;min-height:118px}.quote-widget small{font:10px Georgia;letter-spacing:2px}.quote-widget p{line-height:1.8;font-size:12px}.quote-widget span{display:block;text-align:right;font-size:10px}.app-icons,.life-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px 10px;margin:22px 0}.app-icon{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:none;font-size:11px;padding:0}.app-icon svg{width:50px;height:50px;padding:13px;border:1px solid #e0dce3;border-radius:16px;background:#e9e8ed;color:#9c92a2;box-shadow:inset 0 1px 0 #ffffff}.app-icon:nth-child(3n+2) svg{background:#f0e6ed}.app-icon:nth-child(3n) svg{background:#e8edf0}.world-widget{display:flex;align-items:center;gap:15px;text-align:left;width:100%;padding:18px;border-radius:20px;background:#e9edefcf;border:1px solid #dce3e6}.world-widget span{flex:1}.world-widget small{display:block;font:9px Georgia;letter-spacing:2px;color:#98a0a7;margin-bottom:6px}.world-widget strong{font-size:12px;font-weight:500}.world-widget i{font-style:normal;color:#99a3ad}.pager-dots{display:flex;justify-content:center;gap:9px;padding:17px 0 5px}.pager-dots button{width:6px;height:6px;border-radius:50%;background:#d4cdd5;padding:0;box-shadow:0 0 0 8px transparent}.pager-dots button.active{background:#9e8e9e}.card{background:#fffcfbd9;box-shadow:0 3px 12px #776b7306;border-color:#e4dce1}.glass-cards .card,.glass-cards .desk-tile{background:#fff9;backdrop-filter:blur(12px)}.list-link{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:17px 3px;background:none;border-bottom:1px solid #ece6ea}.list-link small{color:#a098a1}.book-detail{display:flex;text-align:left;gap:8px;background:none;padding:0;width:100%;line-height:1.6}.book-detail .cover{float:none;flex-shrink:0}.record{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.record b{flex:1;min-width:100px;overflow-wrap:anywhere}.record small{display:block;color:#aaa}.todo-row{display:flex;gap:9px;align-items:center;padding:11px 0}.todo-row input{accent-color:#a18e9d}.todo-row.done span{text-decoration:line-through;opacity:.55}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;margin:15px 0}.month-grid button{min-height:45px;border:1px solid #ebe4e9;background:#fff9;border-radius:10px;font-size:12px;position:relative}.month-grid button.is-today{border-color:#b59bab}.month-grid button.period-day{background:#f1dfe6}.month-grid>small{text-align:center;font-size:10px}.cal-marks{display:flex;justify-content:center;gap:3px;font-size:8px;min-height:7px;color:#987a92}.cal-marks i{width:4px;height:4px;border-radius:50%;background:#a8bac0}.cal-marks .todo-dot{background:#c0a9b9}.exclusions{display:flex;gap:10px;font-size:11px;flex-wrap:wrap;padding:15px 0}.food-draw{width:100%}.statgrid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px}.stat{font-size:11px}.memory-board{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.memory-board button{min-height:52px}.chat-history{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.chat-history button{display:block;margin:10px 0}.modal{max-width:430px;max-height:85dvh;border-radius:24px;padding:0}.modal>div{padding:20px}.modal h2{font-size:20px}.modal pre{white-space:pre-wrap;overflow-wrap:anywhere}.modal input,.modal select,.modal textarea{max-width:100%;min-width:0}.toast{max-width:90vw;white-space:normal;text-align:center}.companion{width:49px;height:49px;font-size:0;opacity:.9}.companion:before{font-size:11px}.studio-hero{background:#f0e8eecf}.field{min-width:0}.field select{width:100%}@media(min-width:680px){#app{margin:18px auto;border-radius:28px;min-height:calc(100dvh - 36px);box-shadow:0 18px 50px #685d7318}.nav{bottom:0;border-radius:20px 20px 0 0}}@media(max-width:374px){.desk-screen{padding:0 18px}.desk-grid{gap:10px}.desk-tile{min-height:106px;padding:13px}.date-widget{min-height:174px}.ai-tile{min-height:73px;padding-left:55px}.page{padding:20px 14px}.nav button{font-size:10px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}