:root{color-scheme:light;--paper:#f9faf7;--ink:#294b49;--secondary:#60776d;--muted:#74867b;--mint:#daeae2;--blue:#dcecf0;--line:#e6ece7;--accent:#527e72;--mood-bg:#edf8f2;--mood-color:#8dc5b8;--font:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 var(--font);background:#edf1eb;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[role=slider]:focus-visible{outline:2px solid #648e9d;outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}svg{display:block}button svg{width:23px;height:23px}h1,h2,h3,p{margin:0}h1{font-size:26px;font-weight:600;letter-spacing:.1px;line-height:1.4}h2{font-size:18px;font-weight:600;line-height:1.5}h3{font-size:22px;font-weight:500;line-height:1.65}small{font-size:12px;color:var(--secondary)}.app-shell{width:100%;max-width:480px;margin:auto;background:var(--paper);min-height:100dvh;position:relative;overflow-x:clip;box-shadow:0 5px 80px #6a807c0b}.page{padding:26px 24px calc(104px + env(safe-area-inset-bottom));min-height:100dvh;animation:arrive .3s ease-out}.page-header{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:24px}.overline{font-size:10px;letter-spacing:2.6px;font-weight:500;color:#83988a;margin-bottom:9px}.subtitle{color:var(--secondary);font-size:14px;line-height:1.9;margin-top:9px}.page-header .subtitle{font-size:13px}.meta{font-size:12px;color:var(--muted);margin:20px 0;line-height:1.8}.center{text-align:center}.mini-brand{font-size:15px;letter-spacing:2px;font-weight:500}.icon-button{border:0;background:transparent;padding:10px;border-radius:50%;min-width:42px;min-height:42px;display:inline-flex;align-items:center;justify-content:center}.button{border:0;border-radius:18px;min-height:48px;padding:12px 24px;background:#547f72;color:#fff;font-size:15px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .15s,background .2s}.button:active{transform:scale(.97)}.button.soft{background:#e3efe8;color:#477065}.button.ghost{background:transparent;box-shadow:inset 0 0 0 1px #dce6dd;color:#6b837a}.button.tiny{min-height:36px;padding:7px 14px;font-size:13px;border-radius:13px;white-space:nowrap}.button.full{width:100%;margin-top:18px}.text-button{border:0;background:none;font-size:13px;color:#628a7a;padding:9px 3px;white-space:nowrap}.small-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.small-actions .button{padding:10px 19px;font-size:14px;min-height:44px}.small-actions .text-button{width:100%;text-align:left}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:10px 10px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;align-items:center;border-top:1px solid #e7ede7;background:#fffdf9f2;backdrop-filter:blur(14px);box-shadow:0 -8px 30px #76918606}.bottom-nav a{min-width:58px;min-height:50px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:11px;color:#91a39a;border-radius:18px;position:relative}.bottom-nav svg{width:24px;height:24px}.bottom-nav a[aria-current]{color:#3f7365}.bottom-nav a[aria-current]:before{content:'';position:absolute;top:-1px;width:45px;height:33px;background:#e3efe5;border-radius:16px;z-index:-1}.bottom-nav a[aria-current] span{font-weight:600}.desktop-note{display:none}.storage-warning{background:#fff1d9;color:#776a4a;border-radius:14px;padding:12px;font-size:13px;margin:15px 0}.privacy-line{text-align:center;font-size:11px;color:#8da299;line-height:1.9;margin-top:23px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spirit-art{width:100%;height:100%;overflow:visible}.spirit-body{animation:spirit-breathe 5s ease-in-out infinite;transform-origin:center bottom}.sprout{animation:sprout 6s ease-in-out infinite;transform-origin:60px 35px}.onboarding{min-height:100dvh;background:radial-gradient(ellipse at 75% 45%,#b8e0df88,transparent 70%),linear-gradient(140deg,#fcfaf3,#e9f5ee 58%,#dfedee);position:relative;padding:25px 26px 28px;overflow:hidden;display:flex;flex-direction:column}.welcome-top{display:flex;justify-content:space-between;align-items:center}.welcome-top .text-button{color:#8caaa0;padding:5px 16px;border:1px solid #c6ddd27a;border-radius:40px;font-size:13px}.welcome-title{margin-top:37px;z-index:2}.welcome-title h1{font-size:32px;line-height:1.55;letter-spacing:1.5px;font-weight:500}.welcome-title p:not(.overline){font-size:14px;line-height:1.8;color:#82968b;margin-top:14px}.emotion-pool{position:relative;height:390px;margin:24px -14px 0;flex:1;min-height:345px;max-height:500px}.emotion-orb{position:absolute;--drag-x:0px;--drag-y:0px;background:radial-gradient(circle at 30% 20%,#ffffffeb,#ffffff20 75%);border:1px solid #ffffffb5;box-shadow:inset 0 2px 15px #fff8,0 10px 24px #8bb4a810;border-radius:48% 52% 53% 47% / 46% 50% 50% 54%;width:84px;height:84px;padding:0;touch-action:none;transform:translate(var(--drag-x),var(--drag-y));animation:orb-float 7s ease-in-out infinite;transition:filter .2s;will-change:transform}.orb-inner{display:block;width:64px;height:72px;margin:auto;filter:drop-shadow(0 5px 8px #85ada328)}.orb-name{position:absolute;bottom:-23px;left:0;right:0;text-align:center;font-size:12px;color:#7e958b;letter-spacing:1px}.orb-0{left:2%;top:7%;width:76px;height:76px;animation-delay:-1s}.orb-1{left:39%;top:0;width:95px;height:95px;animation-delay:-4s}.orb-2{right:0;top:18%;width:73px;height:73px;animation-delay:-2s}.orb-3{left:12%;top:39%;width:94px;height:94px;animation-delay:-5s}.orb-4{left:49%;top:31%;width:91px;height:91px;animation-delay:-3s}.orb-5{left:2%;top:72%;width:66px;height:66px;animation-delay:-6s}.orb-6{left:37%;top:70%;width:75px;height:75px;animation-delay:-4s}.orb-7{right:0;top:60%;width:86px;height:86px;animation-delay:-1s}.orb-8{left:65%;top:88%;width:62px;height:62px;animation-delay:-2s}.emotion-orb.held{z-index:5;animation:none;box-shadow:inset 0 2px 15px #fff8,0 15px 35px #779f9a25}.emotion-orb.nudged{filter:brightness(1.07);scale:1.04}.welcome-hint{font-size:12px;letter-spacing:.5px;color:#80988d;text-align:center;margin-top:44px}.welcome-foot{margin-top:23px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#9bb0a5}.welcome-foot i{width:43px;border-top:2px solid #9bbcaf;margin-top:8px}.landing{background:linear-gradient(160deg,#fbfcf7,var(--mood-bg));min-height:100dvh}.landing .welcome-title{margin-top:40px}.landing-island{margin:25px -40px 0;opacity:.95;animation:island-emerge 1.2s ease-out}.landing-island svg{width:100%;max-height:275px}.landing-guide{position:relative;min-height:175px;display:flex;align-items:center;margin-top:-38px}.landing-guide img{position:absolute;height:230px;right:-24px;bottom:0;object-fit:contain;filter:drop-shadow(0 8px 20px #8caf9b15)}.landing-words{max-width:205px;padding-top:25px;z-index:1}.landing-words small{font-size:11px;letter-spacing:1px}.landing-words p{font-size:17px;line-height:1.8;margin-top:13px;color:#526f65;max-width:175px}.fade-walk{animation:arrive .6s .6s backwards}.landing-bottom{text-align:center;margin-top:auto;padding-top:30px;z-index:3}.landing-bottom .button{min-width:160px;border-radius:40px}.landing-bottom span{display:block;font-size:11px;color:#97aaa0;margin-top:16px;letter-spacing:1px}.island-page{background:linear-gradient(180deg,var(--mood-bg),var(--paper) 59%);transition:background .5s;padding-top:28px}.island-page .page-header{margin-bottom:0}.island-page h1{font-size:24px}.spirit-toggle{width:62px;height:66px;border:0;background:none;padding:0;flex-shrink:0}.island-stage{position:relative;margin:0 -25px;height:257px}.island-stage .island-art{width:100%;height:100%;overflow:visible}.island-art{animation:island-hover 8s ease-in-out infinite}.sky-glow{position:absolute;inset:5% 10% 15%;background:radial-gradient(ellipse,#fff9,transparent 70%);pointer-events:none}.weather-label{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;font-size:11px;letter-spacing:1px;color:#8aa095}.weather-label svg{width:16px;height:16px}.island-hotspot{position:absolute;border:0;background:none;width:62px;height:72px;z-index:2;cursor:pointer;touch-action:manipulation}.house-spot{left:58%;top:30%}.bottle-spot{right:13%;top:63%;height:35px;width:38px}.tide-block{padding-top:7px}.tide-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.tide-heading span{font-size:14px;font-weight:500;color:#637b70}.tide-heading small{font-size:10px;color:#a0afa5}.tide-disc{position:relative;width:270px;height:130px;max-width:100%;margin:9px auto 7px;border-radius:50%;touch-action:none;cursor:grab;--turn:0rad}.tide-orbit{position:absolute;inset:8px 20px 5px;border:1px solid #d9e5da;border-radius:50%;box-shadow:inset 0 0 0 12px #f4f8f1,0 3px 18px #6f968a0b;background:radial-gradient(ellipse,#fff 48%,#ecf4ec 100%)}.tide-ticks{position:absolute;inset:0;transform:rotate(var(--turn));transition:transform .2s}.tide-ticks i{position:absolute;left:50%;top:50%;width:2px;height:5px;background:#c3d7ca;transform:rotate(calc(var(--i)*10deg)) translateY(-59px);transform-origin:center top}.tide-center{position:absolute;inset:12px 65px;display:flex;align-items:center;justify-content:center;gap:8px;flex-direction:column;pointer-events:none}.tide-center svg{width:64px;height:69px}.tide-center strong{font-size:17px;font-weight:500;line-height:1;margin-top:-6px;color:#4e7263}.tide-pointer{position:absolute;left:calc(50% - 3px);top:0;width:6px;height:6px;border-radius:50%;background:#89b09c;box-shadow:0 0 0 5px #cbe2d52e}.tide-disc.turning{cursor:grabbing}.tide-disc.turning .tide-ticks{transition:none}.mood-strip{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:2px -24px 0;padding:5px 24px 10px;scroll-snap-type:x proximity}.mood-strip::-webkit-scrollbar{display:none}.mood-chip{background:none;border:1px solid transparent;white-space:nowrap;font-size:12px;color:#8ea497;padding:7px 12px;border-radius:30px;scroll-snap-align:center;min-height:36px}.mood-chip.selected{color:#477966;background:#e1eee4;border-color:#c9dfcf;font-weight:500}.guide-note{display:flex;align-items:flex-start;gap:13px;width:100%;background:#fffdf9;border:1px solid #eaf0e7;border-radius:22px;text-align:left;padding:17px;margin-top:22px;box-shadow:0 4px 20px #7ca39205}.guide-avatar{display:inline-block;flex-shrink:0;position:relative;width:43px;height:43px;border-radius:50%;overflow:hidden;background:#edf3e7}.guide-avatar img{width:105px;height:auto;position:absolute;left:-29px;top:-7px}.guide-note span:last-child{flex:1}.guide-note small{font-size:10px;color:#9aa88c}.guide-note strong{display:block;font-size:14px;font-weight:400;line-height:1.8;margin:3px 0 7px;max-width:280px}.guide-note em{font-size:12px;font-style:normal;color:#83a38e}.island-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.quiet-entry{display:flex;gap:10px;align-items:center;background:none;border:0;padding:0;text-align:left;font-size:13px;color:#698579}.quiet-entry svg{width:23px;height:23px;color:#b3b9ca}.quiet-entry small{display:block;font-size:10px;color:#a0afa7;margin-top:2px}.island-memory{display:flex;gap:5px;align-items:center;font-size:10px;color:#91a593}.island-memory svg{width:14px;height:14px}.island-trees{transform-origin:330px 190px;animation:leaves 9s ease-in-out infinite}.echo-light{animation:light 4s ease-in-out infinite}.island-flower{animation:light 6s ease-in-out infinite}.fog-bands{animation:fog 10s ease-in-out infinite alternate}.rain-drop{animation:rain 3s linear infinite}.wind-strokes{animation:fog 3s ease-in-out infinite alternate}.weather-irritated~.island-trees{animation-duration:3s}.guide-opening{display:flex;gap:15px;align-items:flex-start;margin:10px 0 25px}.guide-opening .guide-avatar{width:51px;height:51px}.guide-opening p{font-size:20px;line-height:1.7;color:#46675e;margin-top:4px}.guide-opening small{font-size:11px;color:#93a98d}.mode-options{display:flex;gap:12px;margin-bottom:26px}.mode-card{position:relative;flex:1;min-width:0;text-align:left;border:1px solid #e0ebe3;background:#fffdf9;border-radius:20px;padding:17px 15px;box-shadow:0 5px 15px #91ac9d05}.mode-card svg{width:22px;height:22px;color:#85b09a;margin-bottom:11px}.mode-card strong{display:block;font-size:16px;font-weight:500}.mode-card small{display:block;font-size:10px;color:#94a69b;margin-top:7px;white-space:nowrap}.mode-card.selected{background:#e6f0e8;border-color:#a9c9b6}.mode-card.selected:after{content:'✓';position:absolute;right:12px;top:12px;font-size:11px;color:#608b73}.chat-log{display:grid;gap:22px}.chat-empty{text-align:center;padding:20px 0 37px;color:#9bafa4;font-size:14px;line-height:2}.chat-empty svg{width:85px;height:100px;margin:0 auto 20px}.chat-message{display:flex;gap:11px;align-items:flex-start;animation:arrive .35s ease-out}.chat-message .guide-avatar{width:31px;height:31px}.chat-message .guide-avatar img{width:78px;left:-23px;top:-5px}.message-body{position:relative;max-width:calc(100% - 43px);background:white;border:1px solid #eaf0e9;padding:15px 17px 11px;border-radius:3px 19px 19px 19px;color:#587366;font-size:15px;line-height:1.85}.message-body p{white-space:pre-wrap;overflow-wrap:anywhere}.chat-message.user{justify-content:flex-end}.user .message-body{background:#e4efe7;color:#4a6c5b;border:0;border-radius:19px 3px 19px 19px;max-width:87%;padding:14px 18px}.collect-echo{background:none;border:0;padding:6px 0 0;margin:3px 0 0;color:#c3d1c5;display:block;float:right;clear:both}.collect-echo svg{width:15px;height:15px}.collect-echo.saved{color:#c28fa1}.chat-controls{margin-top:25px}.feedback,.continue-row,.chat-done{margin-top:23px}.feedback p{font-size:13px;color:#8ba28f;margin-bottom:12px}.feedback .button{font-size:13px;min-height:38px;padding:7px 18px;margin-right:8px;border-radius:14px}.continue-row{display:flex;align-items:center;gap:12px}.continue-row span{font-size:10px;color:#a2b3a8}.chat-done>p{font-size:14px;color:#82a08b;line-height:1.9;margin:25px 0 4px}.composer{display:flex;gap:9px;align-items:flex-end;background:#fff;border:1px solid #e2eae1;border-radius:22px;padding:10px 10px 10px 15px;margin-top:28px;box-shadow:0 5px 25px #65827307}.composer textarea{font-size:15px;line-height:1.7;resize:none;min-height:30px;border:0;background:none;flex:1;min-width:0;outline:none;padding:4px 0;color:#577365;max-height:130px}.composer textarea::placeholder{color:#b0bdb2;font-size:13px}.composer button{border:0;border-radius:14px;width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#e0eee4;color:#6a9b80}.composer button svg{width:19px;height:19px}.typing{display:flex;gap:4px;align-items:center;padding:20px 45px;font-size:11px;color:#b1bfb3}.typing i{width:4px;height:4px;background:#b1c4b5;border-radius:50%;animation:light 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.typing span{margin-left:7px}.segmented{display:flex;background:#eaf1ed;padding:4px;border-radius:16px;margin-bottom:25px;gap:3px}.segmented button{flex:1;min-width:0;background:none;border:0;font-size:13px;color:#8ca296;padding:9px 5px;border-radius:12px}.segmented button[aria-selected=true]{background:#fffdf9;color:#557c6a;box-shadow:0 3px 8px #869d8d08}.lake-question{font-size:13px;color:#829d8d;display:block;margin-bottom:22px}.lake-question input{display:block;width:100%;font-size:15px;color:#4d6f61;background:#fff;border:1px solid #e6ede5;border-radius:14px;padding:13px 15px;margin-top:8px;outline:none}.lake-question input::placeholder{color:#b2c0b6;font-size:13px}.lake-surface{height:410px;border-radius:90px 90px 28px 28px;position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 47% 30%,#f8fffc,#d5eaea 69%,#e4eeed);touch-action:pan-y;margin-top:10px}.lake-instruction{position:absolute;top:25px;left:0;right:0;font-size:13px;text-align:center;line-height:1.9;color:#90aaa0;z-index:2}.lake-contour{position:absolute;left:-30%;right:-30%;height:175px;border:1px solid #fff6;border-radius:50%;top:115px;transform:rotate(-5deg);pointer-events:none}.c2{top:180px;transform:rotate(3deg)}.c3{top:235px;transform:rotate(-2deg)}.lake-cards{position:absolute;inset:0;z-index:3;pointer-events:none}.floating-card{--drag-x:0px;--drag-y:0px;position:absolute;width:78px;height:126px;border:1px solid #b9d3c7;border-radius:9px;background:linear-gradient(150deg,#f6faf0,#c9ddd4);box-shadow:0 8px 15px #698f8d13;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;touch-action:none;pointer-events:auto;transform:translate(var(--drag-x),var(--drag-y)) rotate(var(--angle));animation:card-float 8s ease-in-out infinite;cursor:grab}.card-border{position:absolute;inset:6px;border:1px solid #9fbbae70;border-radius:5px;pointer-events:none}.card-droplet{display:flex;align-items:center;justify-content:center;border:1px solid #b1cbbb80;width:38px;height:58px;border-radius:50%;color:#81a598}.card-droplet svg{width:23px;height:23px}.floating-card small{font-size:6px;letter-spacing:1.5px;color:#8bab9a}.float-card-0{left:4%;top:119px;--angle:-14deg;animation-delay:-2s}.float-card-1{left:23%;top:101px;--angle:-7deg;animation-delay:-3s}.float-card-2{left:43%;top:104px;--angle:3deg;animation-delay:-1s}.float-card-3{left:61%;top:143px;--angle:10deg;animation-delay:-4s}.float-card-4{left:14%;top:183px;--angle:-3deg;animation-delay:-5s}.floating-card.held{z-index:10;animation:none;cursor:grabbing;box-shadow:0 15px 25px #5e897b28;scale:1.05}.lake-shore{position:absolute;bottom:0;left:0;right:0;height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#91aa93;background:linear-gradient(0deg,#f0f5e9,#f6f9eeaa);border-radius:65% 35% 0 0 / 35% 30% 0 0;transition:background .2s;z-index:1}.lake-shore svg{width:20px;height:20px}.lake-shore p{font-size:12px}.lake-shore.inviting{background:#dfeeda;color:#698c71}.gesture-note{text-align:center;font-size:11px;color:#9caf9f;margin:16px 0}.water-ripple{position:absolute;z-index:2;width:20px;height:12px;border:1px solid #fff;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);animation:ripple .9s ease-out forwards}.lake-boundary{text-align:center;font-size:12px;color:#98aa9d;line-height:1.9;margin-top:26px}.lake-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:20px}.lake-foot>span{font-size:9px;color:#a7b3a8}.lake-foot .text-button{font-size:11px}.reading-date,.question-caption{font-size:13px;color:#8aa192;text-align:center;margin:16px 0 24px}.question-caption{background:#edf3ee;border-radius:15px;padding:14px;overflow-wrap:anywhere}.reading-cards{display:flex;justify-content:center;gap:10px;margin-bottom:25px}.reading-cards>div{min-width:0;text-align:center}.reading-cards>div>p{font-size:12px;color:#8a9f91;margin-bottom:10px}.revealed-card{position:relative;width:150px;height:230px;border:1px solid #d2dbc8;background:linear-gradient(150deg,#fffcf0,#e2eadf);border-radius:10px;box-shadow:0 10px 30px #8ea08910;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:flip .65s ease-out}.card-no{font:12px Georgia;color:#8f9f80;position:absolute;top:25px}.symbol-orbit{width:83px;height:105px;border:1px solid #c9d2bd;border-radius:50%;display:flex;justify-content:center;align-items:center;margin-top:10px;color:#8ca091}.symbol-orbit span{font:55px Georgia;display:block}.revealed-card strong{font-size:20px;font-weight:400;color:#6a836a;letter-spacing:3px;margin-top:16px}.revealed-card small{font-size:7px;letter-spacing:1.5px;margin-top:6px;color:#9aa78a}.orientation{display:block;font-size:10px;margin-top:12px;color:#9aaa98}.three .revealed-card{width:calc((100vw - 75px)/3);max-width:117px;height:180px}.three .card-no{top:19px;font-size:10px}.three .symbol-orbit{width:58px;height:77px;margin-top:16px}.three .symbol-orbit span{font-size:35px}.three .revealed-card strong{font-size:17px;letter-spacing:2px;margin-top:10px}.three .revealed-card small{font-size:6px;letter-spacing:.2px}.symbol-reading{padding:21px 20px;border-radius:19px;background:#fffdf8;border:1px solid #e7eee3;margin-top:14px}.symbol-reading>div{display:flex;justify-content:space-between;gap:10px;align-items:center}.symbol-reading strong{font-weight:500;font-size:17px;color:#657e68}.symbol-reading span{font-size:9px;color:#a0ad95}.symbol-reading p{font-size:14px;line-height:1.95;color:#7c9280;margin-top:13px}.symbol-reading blockquote{font-size:15px;color:#66896e;background:#f2f6ed;padding:13px 15px;border-radius:12px;margin:18px 0 0;line-height:1.8}.sea-scene{position:relative;height:350px;margin:10px -24px 20px;background:linear-gradient(180deg,#f9faf7 0%,#e3f2f1 37%,#daeef0 78%,#f9faf7 100%);overflow:hidden}.sea-wave{position:absolute;left:-25%;width:150%;height:120px;border-top:1px solid #fff;border-radius:50%;transform:rotate(-3deg);animation:sea 10s ease-in-out infinite alternate}.w1{top:100px}.w2{top:200px;transform:rotate(4deg);animation-delay:-4s}.w3{top:290px;transform:rotate(-2deg);animation-delay:-6s}.sea-caption{position:absolute;top:25px;width:100%;text-align:center;font-size:13px;letter-spacing:1px;color:#90aca4}.sea-bottle{position:absolute;width:76px;height:115px;padding:0;background:none;border:0;animation:bottle-float 6s ease-in-out infinite;touch-action:manipulation;--rotate:-9deg}.bottle-art{width:100%;height:100%;overflow:visible}.sea-bottle-0{left:36%;top:105px}.sea-bottle-1{left:8%;top:175px;scale:.8;animation-delay:-3s;--rotate:12deg}.sea-bottle-2{right:6%;top:154px;scale:.85;animation-delay:-4s;--rotate:-15deg}.sea-bottle-3{left:56%;top:222px;scale:.7;animation-delay:-1s;--rotate:7deg}.sea-bottle-4{left:21%;top:70px;scale:.6;animation-delay:-2s;--rotate:15deg}.sea-bottle.due{filter:drop-shadow(0 0 13px #f9e9b2)}.first-bottle{border:0;background:none;position:absolute;left:50%;top:115px;transform:translateX(-50%);width:150px;color:#8caaa0}.first-bottle svg{width:90px;height:130px;margin:auto;animation:bottle-float 6s ease-in-out infinite;--rotate:-8deg}.first-bottle span{display:block;font-size:12px;margin-top:15px}.section-line{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:25px 0 16px}.section-line h2{font-size:17px}.section-line>span{font-size:12px;color:#9aada0}.letter-list{display:grid;gap:12px}.letter-row{display:flex;gap:13px;align-items:center;text-align:left;border:1px solid #e6ede6;background:#fffdf8;padding:17px 15px;border-radius:18px;width:100%;font-size:13px}.letter-row>svg{width:24px;height:24px;color:#acbea5;flex-shrink:0}.letter-row>span{flex:1;min-width:0}.letter-row strong{font-size:14px;font-weight:400;display:block}.letter-row small{display:block;font-size:11px;margin-top:5px;color:#a0b099}.letter-status{font:20px Georgia;color:#bac9b7;font-style:normal}.letter-status.ready{color:#d8c59a}.empty-card{text-align:center;background:#fffdf9;border:1px dashed #dce7d9;border-radius:20px;padding:33px 20px}.empty-card p{font-size:14px;line-height:1.9;color:#90a38f;margin-bottom:20px}.empty-card h3{font-size:18px;color:#7d967d;margin:12px 0}.empty-card>svg{width:30px;height:30px;margin:auto;color:#b4c5ab}.my-island-card{background:linear-gradient(130deg,#ebf2e6,#f4f5ea);border-radius:22px;display:flex;align-items:center;gap:14px;padding:20px 15px;margin:15px 0 25px}.my-island-card>svg{width:85px;height:100px;flex-shrink:0}.my-island-card h2{font-size:15px;line-height:1.7;font-weight:500}.my-island-card .overline{font-size:9px;letter-spacing:1px;display:block}.my-island-card p{font-size:11px;color:#9aab94;margin-top:6px}.weather-book-preview{padding:0 6px 17px;border-bottom:1px solid #edf0e6}.weather-book-preview .section-line{margin-top:0}.weather-week{display:flex;justify-content:space-between}.weather-day{text-align:center;min-width:24px}.weather-day span{display:block;height:34px;display:flex;align-items:center;justify-content:center}.weather-day svg{width:21px;height:21px}.weather-day small{font-size:10px;color:#a9b5a5}.weather-empty{color:#d0d9cb;font-size:20px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:23px}.collection-card{border:0;border-radius:23px;min-height:145px;padding:20px 18px;text-align:left;transition:transform .2s;background:#f0f4e9}.collection-card:active{transform:scale(.98)}.collection-icon{width:37px;height:37px;display:flex;align-items:center;justify-content:center;background:#fff8;border-radius:12px;margin-bottom:14px}.collection-icon svg{width:23px;height:23px}.collection-card strong{display:block;font-size:16px;font-weight:500;color:#667e68}.collection-card small{display:block;font-size:10px;color:#9bae9b;margin-top:6px}.collection-card.pink{background:#f6ecee;color:#ba9ca7}.collection-card.blue{background:#e9f2f3;color:#93b5bb}.collection-card.mint{background:#e9f3e9;color:#99b79f}.collection-card.sand{background:#f5f1e4;color:#c3b28a}.collection-card.lilac{background:#efedf5;color:#b0a8c8}.collection-card.green{background:#eef2e5;color:#a4b78c}.island-signature{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;border:0;background:none;color:#a5b3a0;font-size:11px;line-height:1.9;margin:32px 0 0;padding:0;text-align:left}.island-signature svg{width:20px;height:20px}.quiet-page{position:relative;min-height:calc(100dvh - 70px);isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#e4eafa,#eceef8 45%,#eef6ef);padding:25px 25px 135px;display:flex;align-items:center;flex-direction:column}.quiet-top{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:13px;color:#8a95b2}.quiet-top .icon-button{margin-left:-12px;color:#9ca7c0}.quiet-moon{width:50px;height:50px;position:absolute;top:20%;right:20%;border-radius:50%;background:#fbfaf2;box-shadow:0 0 50px 22px #fdfbef80;animation:light 10s infinite}.quiet-cloud{position:absolute;top:31%;left:10%;width:170px;height:40px;background:#ffffff3a;border-radius:50%;filter:blur(10px);animation:fog 30s infinite alternate}.quiet-spirit{width:145px;height:160px;margin-top:230px;filter:drop-shadow(0 12px 25px #acaecc20);animation:island-hover 8s infinite}.quiet-page>p{text-align:center;margin-top:44px;font-size:21px;line-height:1.9;font-weight:400;color:#84938e;letter-spacing:.5px}.quiet-page>small{margin-top:35px;font-size:11px;color:#b1b9b1}dialog{border:0;width:100%;max-width:480px;margin:0 auto;max-height:90dvh;position:fixed;inset:auto 0 0;background:#fffdf9;color:var(--ink);padding:12px 25px calc(30px + env(safe-area-inset-bottom));border-radius:28px 28px 0 0;overflow-y:auto;box-shadow:0 -10px 80px #70958825}dialog[open]{animation:sheet-in .28s ease-out}dialog::backdrop{background:#415f6542;backdrop-filter:blur(4px)}.sheet-handle{width:30px;height:4px;background:#dce5d9;border-radius:5px;margin:0 auto 15px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.sheet-head h2{font-size:19px;font-weight:500}.sheet-head .icon-button{color:#9dad9f;font-size:27px;margin-right:-8px}.letter-compose textarea{width:100%;border:1px solid #e4e8d9;background:repeating-linear-gradient(#fcfbf4,#fcfbf4 34px,#e9eadd 35px);border-radius:17px;padding:19px;line-height:35px;min-height:200px;margin-top:20px;color:#72806b;font-size:16px;resize:vertical;outline:none}.letter-compose textarea::placeholder{font-size:14px;color:#b4b99f}.field-label{font-size:13px;color:#8b9b83;margin:24px 0 13px}.period-select{display:flex;gap:10px}.period-select label{flex:1;cursor:pointer;position:relative}.period-select input{position:absolute;opacity:0}.period-select span{display:block;text-align:center;border:1px solid #e6ebdf;border-radius:15px;padding:13px 5px;background:#fafbf5;color:#8c9b80;font-size:16px}.period-select small{display:block;font-size:10px;color:#a9b29c;margin-top:3px}.period-select input:checked+span{border-color:#b2ceac;background:#eaf2e1;color:#739367}.period-select input:focus-visible+span{outline:2px solid #8bb1a2}.seal-scene{height:250px;position:relative;background:linear-gradient(0deg,#dceff0,#f8faf2);border-radius:30px;overflow:hidden}.seal-paper{position:absolute;top:45px;left:15%;width:70%;padding:15px;background:#fff8e8;border-radius:7px;font-size:13px;color:#929880;z-index:2;animation:paper-seal 2s ease-in-out forwards;overflow-wrap:anywhere}.seal-bottle{position:absolute;left:calc(50% - 40px);top:100px;width:80px;height:110px;animation:bottle-away 3.3s ease-in-out forwards;z-index:3}.seal-wave{position:absolute;left:-30%;right:-30%;height:150px;border-top:1px solid #fff;border-radius:50%;bottom:-40px;animation:sea 8s infinite alternate}.seal-caption{text-align:center;padding:25px 0 10px}.seal-caption h3{font-size:21px;color:#7b9482}.seal-caption p{font-size:13px;color:#9cafa0;margin:8px 0 20px}.waiting-letter{text-align:center;padding:20px 0 50px}.waiting-letter svg{width:85px;height:120px;margin:auto;transform:rotate(-8deg)}.waiting-letter h3{font-size:19px;margin-top:22px}.waiting-letter p{font-size:14px;color:#9aac99;line-height:2;margin-top:13px}.opened-letter{background:linear-gradient(140deg,#fdfaf0,#f5f7ee);border:1px solid #ececdd;border-radius:23px;padding:24px 23px;overflow:hidden}.opened-letter>.overline{font-size:11px;letter-spacing:1px}.opened-letter blockquote{font-size:21px;line-height:1.95;font-weight:400;color:#7f8e70;margin:35px 0 20px;white-space:pre-wrap;overflow-wrap:anywhere}.letter-dates{font-size:10px;color:#b4b99e;line-height:1.9}.letter-guide{display:flex;align-items:center;gap:10px;margin-top:40px}.letter-guide img{width:92px;height:145px;object-fit:cover;object-position:top;align-self:flex-end}.letter-guide p{font-size:13px;line-height:2;color:#9aa889}.opened-letter .button{width:100%;font-size:13px;margin-top:10px}.weather-month{display:grid;grid-template-columns:repeat(7,1fr);gap:18px 12px;margin:30px 0}.weather-legend{display:flex;gap:15px;flex-wrap:wrap;border-top:1px solid #edf0e5;padding-top:20px}.weather-legend span{display:flex;gap:5px;align-items:center;font-size:11px;color:#a3b09c}.weather-legend svg{width:16px;height:16px;color:#a8bc9e}.favorite-list{display:grid;gap:14px}.favorite-list article{padding:25px 21px;background:#f3f5ed;border-radius:18px}.favorite-list p{font-size:18px;line-height:1.85;color:#829077}.favorite-list small{font-size:10px;margin-top:16px;display:inline-block;color:#b0b69f}.favorite-list .text-button{float:right;font-size:11px;margin-top:9px}.archive-row{display:flex;gap:13px;text-align:left;border:0;border-bottom:1px solid #edf0e8;background:none;padding:20px 0;align-items:center;width:100%}.archive-row>svg{width:22px;height:22px;color:#aebc9d;flex-shrink:0}.archive-row span{flex:1;min-width:0}.archive-row strong{display:block;font-size:15px;font-weight:400;color:#849576;overflow-wrap:anywhere}.archive-row small{display:block;font-size:11px;margin-top:7px;color:#b1b8a5;overflow-wrap:anywhere}.road-card{border-left:1px solid #c9d6bf;padding:12px 0 12px 23px;margin:25px 0}.road-card span{font-size:11px;color:#b0ba9f}.road-card p{font-size:19px;line-height:1.9;color:#809573;margin-top:12px;overflow-wrap:anywhere}.road-line{height:33px;border-left:1px dashed #bdcdb2;margin:16px 0 18px 8px}.road-card strong{display:block;font-size:15px;font-weight:400;color:#a1b190;margin-top:10px}.open-road{padding:18px 0;border-bottom:1px solid #eef1e7;font-size:15px;color:#8a9a7c;overflow-wrap:anywhere}.memory-list{display:grid;gap:25px;padding:5px 0}.memory-item{display:flex;gap:18px;align-items:center}.memory-item>svg{width:30px;height:30px;color:#a9bc99;background:#eff3e6;border-radius:12px;padding:5px;box-sizing:content-box}.memory-item strong{display:block;font-size:15px;font-weight:400;color:#8c9e7b}.memory-item small{display:block;font-size:11px;color:#b3bca6;margin-top:4px}.memory-item.not-yet{opacity:.48}.spirit-detail{text-align:center;padding:10px 0 35px}.spirit-detail svg{width:150px;height:160px;margin:auto}.spirit-detail h3{font-size:20px;margin-top:22px}.spirit-detail p{font-size:14px;line-height:2;color:#a1b093;margin-top:16px}.pause-words{text-align:center;padding:15px 0 30px}.pause-words .guide-avatar{width:60px;height:60px}.pause-words .guide-avatar img{width:145px;left:-45px;top:-10px}.pause-words h3{margin-top:24px;font-size:25px;color:#7d8f73;line-height:1.8}.pause-words p{font-size:14px;color:#a7b297;line-height:2;margin-top:22px}.pause-words blockquote{font-size:18px;line-height:2;color:#859b76;margin:35px 0}.pause-words .button{width:100%;margin-bottom:12px}.demo-label{font-size:12px;color:#b0b397;line-height:1.8;padding:12px 15px;background:#f7f6ec;border-radius:15px}.safety-support>svg{width:35px;height:35px;color:#c8ad9a;margin-bottom:20px}.safety-support h3{font-size:23px;color:#8e8170}.safety-support p{font-size:15px;line-height:1.95;color:#998e7c;margin:20px 0}.safety-support a{text-decoration:underline;color:#987c61}.help-message{font-size:15px;line-height:1.9;background:#f5f0e6;color:#918774;padding:19px;border-radius:17px;margin:22px 0}.safety-support small{display:block;font-size:11px;line-height:1.9;color:#b4aa97;margin-top:20px}.past-quote{font-size:20px;line-height:1.9;margin:20px 0;color:#899a7a;overflow-wrap:anywhere}.milestone-art{position:relative;height:225px;background:radial-gradient(ellipse at center,#ecf3df,transparent 70%)}.milestone-art .spirit-art{position:absolute;left:40px;bottom:30px;width:130px;height:140px}.milestone-art img{position:absolute;right:5px;bottom:0;width:155px;height:225px;object-fit:cover;object-position:top}.milestone-quote{text-align:center;font-size:25px;color:#819671;margin:25px 0}.share-card{padding:32px 28px;text-align:center;position:relative;border:1px solid #e2e8d8;border-radius:22px;background:radial-gradient(ellipse at top,#e9f3e4,#faf8ed 80%)}.share-card:before{content:'';position:absolute;inset:10px;border:1px solid #e1e8d740;border-radius:15px;pointer-events:none}.share-card>.spirit-art{width:100px;height:110px;margin:10px auto}.share-card .overline{font-size:10px;letter-spacing:2px;color:#a0b190}.share-card blockquote{font-size:23px;line-height:1.85;color:#83976f;margin:30px 0 40px;overflow-wrap:anywhere}.share-brand{font-size:14px;letter-spacing:3px;color:#9fb28d}.share-brand small{display:block;font-size:8px;letter-spacing:1.5px;margin-top:6px;color:#b0bc9e}.share-symbol{font:65px Georgia;color:#a6b392;margin:18px 0}.privacy-copy p{font-size:14px;line-height:2;color:#91a085;margin:0 0 17px}.data-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.data-actions .button{font-size:12px;padding:10px 8px}.archive-message{font-size:15px;line-height:1.9;padding:16px;border-radius:17px;margin-bottom:15px;background:#f2f6eb;color:#8b9d79;white-space:pre-wrap;overflow-wrap:anywhere}.archive-message.user{background:#e8f0e0;color:#829672}.return-guide{display:flex;align-items:center;gap:20px}.return-guide img{width:140px;height:215px;object-fit:cover;object-position:top}.return-guide p{font-size:17px;line-height:2;color:#91a581}.copy-text{font-size:17px;line-height:1.9;user-select:text;overflow-wrap:anywhere}#toast{position:fixed;bottom:95px;left:50%;transform:translateX(-50%) translateY(10px);padding:12px 20px;background:#456a5fe8;color:#fff;border-radius:16px;z-index:50;max-width:90vw;font-size:13px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 30px #48635420}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes orb-float{0%,100%{translate:0 -4px;rotate:-2deg}50%{translate:0 6px;rotate:2deg}}@keyframes spirit-breathe{0%,100%{scale:1 1}50%{scale:1.025 .975}}@keyframes sprout{0%,100%{rotate:-3deg}50%{rotate:3deg}}@keyframes island-emerge{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}@keyframes island-hover{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes leaves{0%,100%{rotate:0deg}50%{rotate:1deg}}@keyframes light{0%,100%{opacity:.45}50%{opacity:1}}@keyframes fog{from{translate:-8px 0}to{translate:8px 0}}@keyframes rain{0%{translate:0 -10px;opacity:0}20%,80%{opacity:.7}100%{translate:-6px 28px;opacity:0}}@keyframes card-float{0%,100%{translate:0 0}50%{translate:2px -5px}}@keyframes ripple{to{width:145px;height:75px;opacity:0}}@keyframes flip{from{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes bottle-float{0%,100%{transform:rotate(var(--rotate)) translateY(0)}50%{transform:rotate(calc(var(--rotate) + 7deg)) translateY(-7px)}}@keyframes sea{from{translate:-4px 0}to{translate:8px 8px}}@keyframes sheet-in{from{transform:translateY(35px);opacity:.5}to{transform:translateY(0);opacity:1}}@keyframes paper-seal{0%,25%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(85px) scale(.08)}}@keyframes bottle-away{0%,45%{transform:rotate(-8deg)}100%{transform:translate(75px,-60px) rotate(15deg) scale(.7)}}
@media(min-width:800px){body{background:radial-gradient(ellipse at 25% 40%,#e6eee7,#f2f4ef 60%);padding:25px 0}.app-shell{margin-left:calc(50% - 20px);width:390px;min-height:calc(100dvh - 50px);border:1px solid #fff;border-radius:30px;box-shadow:0 15px 70px #607b7020}.page{min-height:calc(100dvh - 50px)}.bottom-nav{left:calc(50% + 175px);max-width:388px;bottom:25px;border-radius:0 0 30px 30px}.desktop-note{display:block;position:fixed;left:calc(50% - 380px);top:18%;width:300px;color:#8ba28d}.brand-symbol{font:45px Georgia;color:#95b19b}.desktop-note>p{font-size:22px;letter-spacing:4px;margin-top:20px;color:#668672}.desktop-note>p>span{display:block;font-size:9px;letter-spacing:3px;margin-top:9px;color:#a1b69f}.desktop-note h2{font-size:29px;font-weight:400;line-height:1.8;letter-spacing:2px;margin-top:60px;color:#82997e}.desktop-note small{display:block;font-size:12px;letter-spacing:1px;margin-top:55px;color:#a8b9a2}.desktop-lines{width:250px;height:60px;margin-top:35px}.desktop-lines i{display:block;width:100%;height:40px;border-top:1px solid #d2ded0;border-radius:50%;margin-top:-15px}.onboarding{min-height:calc(100dvh - 50px);border-radius:30px}.three .revealed-card{width:117px}dialog{left:calc(50% + 175px);right:auto;transform:translateX(-50%);margin:0;max-width:388px;bottom:25px;max-height:calc(100dvh - 90px);border-radius:28px}dialog[open]{animation:arrive .25s ease-out}#toast{left:calc(50% + 175px)}.quiet-page{min-height:calc(100dvh - 110px)}}
@media(max-width:360px){.page{padding-inline:18px}.page-header h1{font-size:23px}.island-page h1{font-size:21px}.guide-note{padding:14px;gap:10px}.guide-note strong{font-size:13px}.island-bottom{gap:9px}.island-memory{font-size:9px}.tide-heading small{font-size:9px}.mood-strip{margin-inline:-18px;padding-inline:18px}.collection-card{padding:17px 14px}.collection-card strong{font-size:14px}.collection-card small{font-size:9px}.data-actions .button{font-size:11px}.emotion-pool{scale:.9;transform-origin:center top;margin-bottom:-30px}.landing-words{max-width:165px}.landing-words p{font-size:15px;max-width:140px}.landing-guide img{right:-35px;height:215px}.mode-card small{font-size:9px}.sea-scene{margin-inline:-18px}.lake-foot>span{font-size:8px}.welcome-title h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.seal-paper{opacity:0}.seal-bottle{transform:translate(75px,-60px) rotate(15deg) scale(.7)}}

/* Keep functional copy legible while preserving light artwork. 16px fields avoid iOS zoom. */
.composer textarea,.lake-question input{font-size:16px}.bottom-nav a{color:#65796e}.orb-name,.mood-chip{color:#698174}.symbol-reading p,.privacy-copy p,.archive-message,.archive-message.user,.favorite-list p,.road-card p,.open-road,.archive-row strong,.opened-letter blockquote,.pause-words p,.safety-support p,.help-message{color:#546e62}.collection-card strong,.memory-item strong,.period-select span{color:#607a67}

/* V2.5: extend the established App surfaces; preserve the V2 palette and gestures. */
.world-companion{position:absolute;left:43%;top:57%;width:58px;height:65px;background:none;border:0;padding:0;z-index:3;transition:left .6s,top .6s}.world-companion.by-the-sea{left:72%;top:65%}.world-companion svg{width:100%;height:100%}.spirit-happy .spirit-body{animation:spirit-breathe 1.7s ease-in-out infinite;transform-origin:center}.spirit-tired,.spirit-sad{animation:island-hover 9s ease-in-out infinite}.spirit-tired .spirit-body,.spirit-sad .spirit-body{animation:spirit-breathe 6s ease-in-out infinite}.daily-echo{margin:22px 0 24px;padding:21px 22px 15px;background:linear-gradient(145deg,#eef5ef,#f7f8f1);border:1px solid #e3ebe2;border-radius:22px}.daily-echo>div:first-child{display:flex;align-items:center;justify-content:space-between}.daily-echo .overline{color:#708a79;font-size:12px;letter-spacing:2px}.daily-echo svg{width:19px;height:19px;color:#aabc9d}.daily-echo>p{font-size:17px;line-height:1.9;color:#48665b;margin:9px 0 10px}.daily-echo blockquote{font-size:14px;line-height:1.9;margin:12px 0 0;padding-left:12px;border-left:2px solid #cbdccc;color:#627d6d;overflow-wrap:anywhere;white-space:pre-wrap}.daily-actions{display:flex;gap:23px;margin-top:12px}.daily-actions .text-button{font-size:14px;min-height:42px}.daily-question{font-size:19px;line-height:1.9;color:#526f61;margin:20px 0}.local-textarea{width:100%;min-height:140px;resize:vertical;border:1px solid #dce6dc;border-radius:18px;background:#f8faf5;font-size:16px;padding:17px;color:var(--ink);outline-offset:2px}
.organize-categories{padding:17px 0}.organize-categories>p{font-size:15px;color:#617b6b;margin-bottom:15px}.organize-categories>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.organize-categories .button{padding:10px;font-size:14px}.organize-intro{margin:15px 0;padding:15px 18px;background:#eff5ee;border-radius:16px;color:#60786c}.organize-intro>span{font-size:14px}.organize-intro>p{font-size:13px;line-height:1.9;margin-top:6px}.organize-progress{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0}.organize-progress>span{font-size:12px;color:#718576}.organize-summary{background:#f9fbf6;border:1px solid #dee8dc;border-radius:22px;padding:24px 22px}.organize-summary h2{color:#58745f;margin-bottom:20px}.organize-summary>div{margin:17px 0;padding-bottom:16px;border-bottom:1px solid #e9eee3}.organize-summary>div>small{color:#738c76;font-size:13px}.organize-summary>div>p{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:8px;color:#435f50}.summary-note{font-size:12px;color:#72846e;line-height:1.8}.chat-empty p{color:#647c70}.message-body p{white-space:pre-wrap}.message-body .collect-echo{opacity:.8}.privacy-line{line-height:1.9}
.revealed-card{background:linear-gradient(155deg,#fffdf3,#eef3e9);height:258px;width:163px;justify-content:flex-start;overflow:hidden;box-shadow:0 12px 35px #8faaa118}.card-no{top:18px;font-size:12px;color:#829889;z-index:1}.card-illustration{width:132px;height:174px;flex:none;margin-top:31px}.revealed-card strong{font-size:20px;letter-spacing:3px;margin-top:0;line-height:1.5}.revealed-card small{font-size:7px;letter-spacing:1px;margin-top:5px}.reading-cards{gap:9px}.three .revealed-card{width:100%;max-width:none;height:193px}.three.reading-cards>div{flex:1;min-width:0}.three .card-no{top:12px}.three .card-illustration{width:88%;height:127px;margin-top:20px}.three .revealed-card strong{font-size:16px;letter-spacing:2px;margin-top:0}.three .revealed-card small{font-size:6px;letter-spacing:.3px;max-width:92%;white-space:nowrap;overflow:hidden}.orientation{font-size:12px;line-height:1.7}.symbol-reading>div{flex-wrap:wrap}.symbol-reading span{font-size:12px}.symbol-reading p{font-size:15px}.symbol-reading h3{font-size:16px;color:#65836c;margin-top:24px}.lake-boundary{font-size:13px;color:#6b8274}.lake-foot>span{font-size:11px;white-space:nowrap}.lake-shore.arriving{background:linear-gradient(0deg,#e3efd8,#fff6da);box-shadow:0 -15px 45px #f8ebc050}.lake-shore.arriving>span{transform:scale(1.3);transition:transform .3s}.picked-preview{display:flex;justify-content:center;gap:14px;margin:20px 0}.picked-preview>div{width:95px;text-align:center}.picked-preview .revealed-card{width:95px;height:160px}.picked-preview .card-no{top:11px;font-size:10px}.picked-preview .card-illustration{width:80px;height:103px;margin-top:19px}.picked-preview .revealed-card strong{font-size:15px}.picked-preview .revealed-card small{font-size:5px}.picked-preview>div>small{display:block;font-size:12px;margin-top:8px}
.card-album{display:grid;grid-template-columns:1fr 1fr;gap:22px 14px;margin-top:26px}.album-card{min-width:0;border:0;background:none;padding:0;text-align:center;display:flex;flex-direction:column;align-items:center}.album-card .revealed-card{width:100%;max-width:150px;height:222px;animation:none}.album-card .card-illustration{width:115px;height:150px;margin-top:28px}.album-card .revealed-card strong{font-size:18px}.album-card>small{font-size:12px;line-height:1.8;margin-top:10px;color:#6c8574}.fog-card{background:radial-gradient(ellipse at 30% 35%,#e7edeb,#f5f7f1 70%);border-color:#e0e7df}.fog-symbol{font:45px Georgia;color:#c9d7d0;margin-top:70px;filter:blur(1px);opacity:.65}.fog-card small{font:12px var(--font);letter-spacing:2px;margin-top:25px;color:#a0b0a7}.album-detail{text-align:center}.album-detail .revealed-card{margin:25px auto 20px}.album-detail .meta{font-size:13px}.card-album .card-no{font-size:12px;top:15px}
.sea-companion{position:absolute;left:5%;bottom:24px;z-index:4;border:0;background:none;width:75px;height:82px;padding:0}.sea-companion svg{width:100%;height:100%}.letter-reunion{display:flex;align-items:center;gap:12px;margin:25px 0}.letter-reunion svg{width:75px;height:82px;flex:none}.letter-reunion span{font-size:14px;line-height:1.9;color:#658474}.opened-letter blockquote{white-space:pre-wrap}.spirit-detail p{color:#667e6d}.spirit-detail>small{display:block;font-size:13px;color:#749181;margin-top:20px;line-height:1.9}.return-spirit{display:flex;align-items:center;gap:16px;margin-top:20px}.return-spirit svg{width:85px;height:96px;flex:none}.return-spirit p{font-size:15px;color:#63806c}.finds-list>article{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid #e7ece2}.finds-list>article>span{font:42px Georgia;color:#adbba0;width:45px;flex:none}.finds-list h3{font-size:18px;color:#55755f}.finds-list p{font-size:14px;color:#6b8271;line-height:1.9;margin:9px 0}.finds-list small{font-size:12px}
.recent-life{padding:17px 21px;margin:20px 0;background:#f3f7f0;border:1px solid #e9efe5;border-radius:19px}.recent-life .overline{font-size:12px;margin-bottom:11px}.recent-life>p:not(.overline){font-size:14px;color:#637c68;line-height:2;margin:3px 0}.home-link{display:flex;align-items:center;gap:15px;text-align:left;background:#eef4ee;border:1px solid #e2eade;border-radius:19px;padding:19px;width:100%;margin:20px 0;color:#5e7b66}.home-link>svg{width:29px;height:29px;flex:none}.home-link>span{font-size:16px}.home-link small{display:block;margin-top:4px;font-size:12px}.home-page{background:linear-gradient(180deg,#e7edf6,#e9eef4 50%,#eef4ee);padding-bottom:calc(120px + env(safe-area-inset-bottom))}.home-page .quiet-top{color:#687f8b;font-size:13px}.home-scene{position:relative;width:calc(100% + 15px);max-width:400px;margin-top:45px}.room-art{width:100%;height:auto;filter:drop-shadow(0 12px 24px #587b7220);border-radius:60px 60px 12px 12px}.home-spirit{position:absolute;left:43%;bottom:9%;width:71px;height:82px;padding:0;background:none;border:0}.home-spirit svg{width:100%;height:100%}.home-page>p{font-size:21px;color:#627988;margin-top:26px}.home-page>small{font-size:13px;margin-top:15px;color:#718994}.home-traces{width:100%;margin-top:40px}.home-traces>div{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #dce5df}.home-traces svg{width:25px;height:25px;flex:none;color:#93aa9a}.home-traces strong{font-size:14px;font-weight:500;color:#607e70}.home-traces small{display:block;font-size:12px;line-height:1.8;margin-top:5px;color:#7a8f82}.home-traces>small{display:block;text-align:center;font-size:13px;line-height:1.9;color:#7b8f83}.home-page>p.home-footer{font-size:12px;color:#8b9c8d;line-height:1.9;margin-top:35px}
@media(max-width:360px){.daily-echo{padding:18px}.daily-echo>p{font-size:16px}.card-album{gap:19px 12px}.album-card .revealed-card{height:203px}.album-card .card-illustration{height:135px;width:101px}.three .revealed-card{height:182px}.three .card-illustration{height:115px}.lake-foot>span{font-size:10px}.home-link small{font-size:12px}.organize-progress{align-items:flex-start;flex-direction:column}.organize-categories{gap:8px}}
@media(prefers-reduced-motion:reduce){.world-companion,.spirit-art,.spirit-body,.revealed-card,.lake-shore{animation:none!important;transition:none!important}.water-ripple{display:none}.revealed-card{transform:none}.room-art{filter:none}}
/* V2.6 precise additions: the existing island, sea and navigation remain intact. */
.cabin-scene{position:relative;margin:0 -4px 22px}.cabin-scene .room-art{width:100%;height:auto;border-radius:24px}.cabin-guide{position:absolute;width:95px;height:145px;object-fit:contain;right:22px;bottom:24px;opacity:.9}.cabin-scene .home-spirit{left:24%;bottom:9%;width:74px;height:80px}.cabin-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.cabin-entry-grid button{border:1px solid #e0e9df;border-radius:21px;background:#f0f5ec;padding:22px 14px;text-align:left;min-height:128px}.cabin-entry-grid button:nth-child(2){background:#edf4f4}.cabin-entry-grid svg{width:25px;height:25px;margin-bottom:12px;color:#7b9c86}.cabin-entry-grid strong{display:block;font-size:17px;font-weight:500}.cabin-entry-grid small{display:block;font-size:12px;line-height:1.8;margin-top:6px}.cabin-recent{padding:18px 3px 24px;border-top:1px solid #e7eee4}.cabin-recent>small{font-size:12px;letter-spacing:1px}.cabin-recent p{font-size:14px;line-height:1.9;margin-top:9px;color:#6e8878}.cabin-blank{font-size:14px;color:#859888;margin:20px 3px 30px;line-height:1.9}.trace-discovery{font-size:14px;line-height:1.9;color:#70937d;margin:12px 0 20px}.editor-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.cabin-ambient{display:flex;gap:13px;align-items:center;margin-bottom:24px}.cabin-ambient p{font-size:14px;color:#81977f;line-height:1.9;margin-top:3px}.notebook-input{display:block;width:100%;min-height:220px;border:1px solid #e1e8dc;border-radius:20px;background:repeating-linear-gradient(#fafbf5,#fafbf5 35px,#e7ede1 36px);color:#436555;font-size:16px;line-height:36px;padding:19px 20px;resize:vertical;margin:12px 0 23px;scroll-margin-bottom:100px}.notebook-saved{padding:23px 20px;border:1px solid #e2e8da;border-radius:22px;background:#f6f8ef;margin:20px 0}.notebook-saved p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:2;color:#57705e;margin-top:15px}.writing-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.writing-actions .button{padding:12px 17px}.organize-step-head{display:flex;justify-content:space-between;align-items:center;margin:16px 0 25px}.organize-step-head>span{display:flex;gap:7px}.organize-step-head i{width:7px;height:7px;border-radius:50%;background:#e0e7dc}.organize-step-head i.current{background:#87a992}.organize-step-head i.visited{background:#b9cdb5}.organize-step h2{font-size:21px;line-height:1.7;margin-bottom:24px;font-weight:500}.difficulty-choices{display:grid;gap:12px}.difficulty-choices button{border:1px solid #dfe8dc;border-radius:18px;padding:17px 20px;text-align:left;background:#f2f6ef;min-height:55px;font-size:16px}.legacy-notes{font-size:14px;color:#809480;padding:15px 0}.legacy-notes p{white-space:pre-wrap;margin-top:17px;line-height:1.9}
.layered-reading{padding:25px 2px;border-bottom:1px solid #e0e8de}.reading-heading strong{font-size:18px;font-weight:500}.reading-heading small{display:block;font-size:12px;margin:5px 0 15px}.reading-core{font-size:18px;line-height:1.85;color:#547866}.reading-depth summary{font-size:14px;color:#7b9385;padding:17px 0 3px;cursor:pointer}.reading-depth p{font-size:16px;line-height:1.95;color:#617b6a;margin:16px 0}.reading-depth h3{font-size:15px;font-weight:500;margin:25px 0 7px;color:#507461}.reading-depth blockquote{font-size:17px;line-height:1.9;margin:24px 0;padding-left:18px;border-left:2px solid #c6d9c4;color:#5f7d64}.reading-depth .small-step{border-radius:17px;padding:17px;background:#edf3e7;margin-top:23px}.small-step small{font-size:12px}.reading-depth .small-step p{margin:7px 0 0;font-size:15px}.card-takeaway{font-size:17px!important;color:#768f6e!important;margin:24px 0 12px!important}.album-filters{display:flex;gap:7px;overflow-x:auto;margin:23px -3px 25px;padding:4px;scrollbar-width:none}.album-filters button{border:0;background:#f1f5ed;padding:10px 13px;white-space:nowrap;border-radius:14px;font-size:14px;flex-shrink:0}.album-filters button.selected{background:#ddebdc;color:#456d58}.album-history>summary{font-size:15px;padding:22px 0;cursor:pointer}.album-literature{font-size:16px;line-height:1.95}.album-literature details{border-bottom:1px solid #e4eadf;padding:18px 0}.album-literature summary{cursor:pointer;font-size:15px}.album-literature p{margin:17px 0}.album-literature h3{font-size:16px;margin-top:22px}.album-literature blockquote{margin:25px 0;border-left:2px solid #c8dac5;padding-left:17px;font-size:17px}.album-literature>.keywords{font-size:14px}.three .revealed-card strong{font-size:14px;letter-spacing:.3px;max-width:94%;line-height:1.6;overflow-wrap:anywhere}.revealed-card strong{font-size:18px;letter-spacing:1px;max-width:90%;text-align:center}.floating-card{margin-top:var(--lake-depth,0px);rotate:var(--lake-tilt,0deg);box-shadow:0 18px 26px #7eaaa221}.reading-cards{animation:card-arrives .65s ease-out}.life-stirs .spirit-art{animation:life-noticed 1.8s ease-in-out 1}.life-stirs .lake-memory{animation:memory-light 2.4s ease-in-out 1}@keyframes life-noticed{0%,100%{transform:translateY(0)}40%{transform:translateY(-7px) rotate(-4deg)}70%{transform:translateY(-2px) rotate(3deg)}}@keyframes memory-light{0%,100%{opacity:1}45%{opacity:.45}}@keyframes card-arrives{from{opacity:.2;filter:brightness(1.2);transform:translateY(7px)}to{opacity:1;filter:brightness(1);transform:translateY(0)}}
#demo-tools{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);width:min(350px,92vw);z-index:40}.test-panel{padding:11px 15px;border:1px solid #bdcfc2;border-radius:17px;background:#f1f5eef5;box-shadow:0 8px 35px #496b6222;max-height:55dvh;overflow:auto}.test-panel summary{font-size:13px;cursor:pointer}.test-panel p{font-size:12px;line-height:1.8;margin:12px 0}.test-panel>div{display:flex;gap:7px;flex-wrap:wrap}.test-panel .button.tiny{font-size:12px;min-height:33px;padding:8px 10px}.proof-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px 10px}.proof-gallery>div>small{display:block;margin-top:7px;text-align:center}.proof-gallery .revealed-card{width:100%;height:225px}.proof-gallery .card-illustration{width:115px;height:149px}.proof-gallery .revealed-card strong{font-size:15px}.proof-gallery .revealed-card small{font-size:6px}@media(min-width:800px){#demo-tools{left:calc(50% + 175px);bottom:104px}}@media(max-width:360px){.cabin-entry-grid button{padding:18px 11px}.reading-heading small{font-size:11px}.album-filters button{padding:9px 11px}.three .revealed-card strong{font-size:12px}.cabin-guide{width:78px;height:118px}.notebook-input{padding:15px}}
@media(prefers-reduced-motion:reduce){.reading-cards,.life-stirs .spirit-art,.life-stirs .lake-memory{animation:none!important}.floating-card{rotate:0deg}.reading-cards{filter:none}}
/* V2.7: light record controls, no scene redesign. */
#toast.show{pointer-events:auto}#toast{width:max-content;max-width:min(350px,90vw);line-height:1.65;bottom:calc(96px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;white-space:normal}#toast>span{white-space:pre-line}#toast .text-button{color:#fff;flex:0 0 auto;padding:8px 4px;text-decoration:underline;font-size:13px}.record-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.record-menu{position:relative;flex:0 0 auto;text-align:right}.record-menu>summary{list-style:none;cursor:pointer;padding:4px 10px;font-size:24px;color:#849980;min-width:44px;min-height:44px}.record-menu>summary::-webkit-details-marker{display:none}.record-menu>div{position:absolute;right:0;top:38px;z-index:4;display:grid;min-width:110px;padding:6px;background:#fafbf4;border:1px solid #e2e9dc;border-radius:14px;box-shadow:0 8px 22px #657e6920}.record-menu .text-button{padding:10px 16px;text-align:left;min-height:44px}.record-open{text-align:left;width:100%;background:none;border:0;padding:7px 0;color:inherit}.record-open small,.road-note{font-size:12px;color:#9cab95;line-height:1.8}.road-card{margin-bottom:14px}.road-card p{white-space:pre-wrap;overflow-wrap:anywhere}.draft-status{font-size:12px;color:#91a286;min-height:22px;margin:10px 0 14px}.draft-recovery{padding:30px 20px;background:#f3f6ec;border-radius:22px;margin:24px 0}.draft-recovery h2{font-size:22px;line-height:1.8;font-weight:400;color:#809477}.draft-recovery p{line-height:1.9;color:#98a78e;font-size:14px;margin:12px 0 24px}.draft-recovery .text-button{display:block;margin:16px auto 0}#record-edit-form textarea{font-size:16px;max-width:100%}#record-edit-form .field-label{margin-top:20px}
#toast{margin:0;border:0;inset:auto auto calc(96px + env(safe-area-inset-bottom)) 50%}#sheet-toast:not([hidden]){position:sticky;bottom:0;padding:12px 16px;border-radius:15px;background:#456a5f;color:white;font-size:13px;line-height:1.7;box-shadow:0 6px 20px #48635420;display:flex;align-items:center;gap:12px}#sheet-toast .text-button{color:white;white-space:nowrap;text-decoration:underline}@media(min-width:800px){#toast{left:calc(50% + 175px)}}
/* V2.8: reuse the notebook and quiet panels for ordinary life. */
.writing-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.writing-type-grid button{padding:20px 14px;text-align:left;border:1px solid #e3ebdc;border-radius:19px;background:#f2f6ed;color:#839777;min-height:94px}.writing-type-grid strong{display:block;font-size:15px;font-weight:400;line-height:1.7}.writing-type-grid small{display:block;margin-top:8px;font-size:11px;color:#a2b095;line-height:1.8}.life-shelves{display:flex;flex-wrap:wrap;gap:5px 13px;margin:6px 0 18px}.life-shelves .text-button{font-size:12px;padding:8px 0}.life-record-status{margin:20px 0;padding:17px;background:#f1f5e9;border-radius:18px;color:#8b9e7e}.life-record-status p{font-size:14px;line-height:1.9}.life-record-status small{font-size:11px;line-height:1.9;display:block}.life-record-status .text-button{font-size:12px;margin:10px 12px 0 0;padding:5px 0}.goal-trail article{padding:16px 18px;border-left:1px solid #dce7d4;margin:12px 0;background:#fafbf4;border-radius:0 16px 16px 0}.goal-trail p{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.goal-trail small{font-size:11px;color:#a2b095}.life-record .record-open p{font-size:16px}

/* V2.9 mood response: existing spirit body and growth symbols are retained. */
.spirit-presence{transform-origin:60px 106px;transition:transform .35s ease,opacity .35s ease}
.spirit-face{transform-origin:60px 84px}
.spirit-happy .spirit-presence{animation:spirit-glad 3.2s ease-in-out infinite}
.spirit-sad .spirit-presence{transform:translateY(3px) scale(.98,.96)}
.spirit-irritated .spirit-presence{animation:spirit-small-sway 5s ease-in-out infinite}
.spirit-irritated .spirit-body{animation:spirit-breathe 3.5s ease-in-out infinite}
.spirit-lost .spirit-presence{transform:rotate(7deg)}
.spirit-missing .spirit-presence{transform:rotate(-3deg);opacity:.94}
.spirit-missing .spirit-body{animation-duration:7s}
.spirit-lonely .spirit-presence{transform:translateX(-3px)}
.spirit-tired .spirit-presence{transform:translateY(4px) scale(1.025,.93)}
.spirit-tired .spirit-body{animation-duration:9s}
.spirit-calm .spirit-body{animation-duration:5.5s}
.spirit-unsure .spirit-presence{transform:rotate(-4deg)}
.spirit-unsure .spirit-body{animation-duration:6s}
.daily-card-note{font-size:14px;line-height:1.8;color:#718b7c;flex-basis:100%;text-align:center;margin-top:6px}
@keyframes spirit-glad{0%,70%,100%{transform:translateY(0) rotate(0)}80%{transform:translateY(-4px) rotate(-3deg)}90%{transform:translateY(-1px) rotate(2deg)}}
@keyframes spirit-small-sway{0%,15%,100%{transform:rotate(0)}5%{transform:rotate(-3deg) scale(1.02,1)}10%{transform:rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.spirit-presence,.spirit-face{animation:none!important;transition:none!important}}

/* Local Taiguang assets: the cabin posture meets the existing tabletop. */
.guide-avatar img,.chat-message .guide-avatar img,.pause-words .guide-avatar img{width:100%;height:100%;left:0;top:0;object-fit:cover;object-position:50% 40%}
.cabin-guide{width:44%;height:auto;aspect-ratio:831/920;object-fit:contain;right:5%;bottom:26%;opacity:1;pointer-events:none;filter:none}
.island-guide{position:absolute;left:61%;top:40%;width:29px;height:54px;object-fit:contain;pointer-events:none;z-index:2}
.letter-guide img,.return-guide img{object-fit:contain;object-position:center bottom}
@media(max-width:360px){.cabin-guide{width:44%;height:auto}.island-guide{width:25px;height:47px}}

/* V2.9.1: reserve the existing illustration layout; reveal all its layers together. */
[data-character-scene][data-scene-state="pending"]{visibility:hidden}
[data-character-scene]{transition:none}
[data-scene-character]{animation:none;transition:none;opacity:1}