:root{font-family:Microsoft YaHei,Segoe UI,sans-serif;color:#344b40;font-synthesis:none;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;--ink:#344b40;--muted:#778274;--paper:#fffdf5;--green:#365948;--chalk:#f2efdb;--hand:KaiTi,STKaiti,"Microsoft YaHei",serif}*{box-sizing:border-box}body{margin:0;background:transparent}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-app-region:no-drag}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bd9256;outline-offset:5px}button svg{flex-shrink:0}button{border:0;background:none}a{color:inherit;text-underline-offset:4px}h1,h2,p{margin:0}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:13px;margin-bottom:12px}input,textarea{border:1px solid #d9dece;border-radius:10px;background:#fffefa;color:var(--ink);padding:12px;width:100%}textarea{resize:vertical;min-height:150px;max-height:240px;line-height:1.9}button{transition:background .15s,box-shadow .15s,transform .15s}.app{width:100%;min-height:100vh;overflow:hidden;position:relative}.preview{background:#f5f2e9 url(/assets/desk-background.png) center/cover fixed}.preview-header{position:absolute;left:40px;right:40px;top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:2;font-size:12px;color:#778075}.brand{font-family:Georgia,serif;font-size:20px;color:var(--green);letter-spacing:.4px}.brand small{font:12px Microsoft YaHei,sans-serif;margin-left:14px}.demo-controls{display:flex;gap:20px;align-items:center}.demo-controls a{font-size:12px}.stage{position:relative;width:min(1220px,94vw);height:min(820px,85vh);min-height:620px;margin:70px auto 65px}.preview-footer{position:absolute;left:40px;right:40px;bottom:24px;display:flex;justify-content:space-between;font-size:12px;color:#878a7b;letter-spacing:1px}.companion{position:absolute;right:0;bottom:8px;width:255px;z-index:5;text-align:center}.pet{position:relative;display:block;width:255px;height:340px;padding:0;border-radius:80px;background:transparent}.sprite{position:absolute;top:0;right:0;bottom:0;left:0;background-size:400% 200%;background-repeat:no-repeat;filter:drop-shadow(0 8px 5px #554d3720);animation:breathe 4s ease-in-out infinite;pointer-events:none}.frame-media{position:absolute;overflow:hidden;animation:breathe 4s ease-in-out infinite;pointer-events:none}.frame-media.girl{left:24.5%;top:38.5%;width:55%;height:18.5%}.frame-media.boy{left:37.8%;top:45.3%;width:34.6%;height:11.3%}.frame-media img{width:100%;height:100%;object-fit:cover}.companion-label{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:20px;background:#fffdf3eb;box-shadow:0 2px 10px #41473308;font-size:12px;white-space:nowrap;margin-bottom:-14px;position:relative;z-index:2}.companion-label small{padding-left:8px;border-left:1px solid #d6dbcf;font-size:11px;color:#7b806d}.presence-dot{height:6px;width:6px;background:#a6aaa0;border-radius:50%}.presence-dot.online{background:#6e946b}.pet-caption{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:-15px;position:relative}.pet-settings{font:16px var(--hand);letter-spacing:2px;padding:8px 14px;border-radius:20px;background:#fffdf4d9;color:#667158}.pet-settings:hover{background:#fffdf5}.drag-handle{-webkit-app-region:drag;padding:7px;display:flex;color:#5f735e}.incoming{display:inline-flex;align-items:center;gap:6px;background:#fffdf5;border:1px solid #d5d9c9;border-radius:15px;padding:10px 14px;font-size:12px;margin-bottom:14px;box-shadow:0 5px 20px #5260440c}.board{position:absolute;top:20px;left:0;width:calc(100% - 155px);height:calc(100% - 30px);min-height:555px;max-height:735px;background:url(/assets/board.png) center/100% 100% no-repeat;color:var(--chalk);padding:53px 67px 42px;display:flex;flex-direction:column;animation:board-enter .65s cubic-bezier(.2,.65,.3,1) both;filter:drop-shadow(0 18px 16px #42442c20)}.board-header{text-align:center;flex:none}.board-kicker{font:17px var(--hand);letter-spacing:4px;opacity:.8}.board h1{font:44px/1.5 var(--hand);letter-spacing:5px;margin:6px 0 19px}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%}.icon-button:hover{background:#77877820}.close-board{position:absolute;right:43px;top:35px;color:var(--chalk)}.board-tabs{display:flex;justify-content:center;gap:20px;margin-bottom:32px}.board-tabs button{font:17px var(--hand);letter-spacing:2px;color:#e6e8d4b8;padding:7px 18px;border-bottom:1px solid transparent}.board-tabs button[aria-selected=true]{color:#fffcea;border-color:#d3d6b7}.board-tabs button:hover{background:#ffffff0b}.board-content{overflow-y:auto;overflow-x:hidden;min-height:0;flex:1;padding:12px 11px 20px;scrollbar-color:#9aa89155 transparent;scrollbar-width:thin}.photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px;align-content:start}.polaroid{background:#fffdf2;color:#5d6b5c;padding:10px 10px 14px;box-shadow:0 7px 8px #061e2240;align-self:start;transform:rotate(-3deg);display:block}.polaroid:nth-child(3n+2){transform:rotate(2deg);margin-top:9px}.polaroid:nth-child(3n){transform:rotate(-1deg);margin-top:1px}.polaroid:hover{transform:rotate(0) translateY(-3px)}.polaroid img,.polaroid .media-loading{width:100%;aspect-ratio:1;object-fit:cover;display:block}.polaroid span:not(.media-loading){display:block;font:16px var(--hand);letter-spacing:1px;padding-top:12px}.board-footer{flex:none;display:flex;align-items:center;justify-content:center;gap:9px;font:16px var(--hand);letter-spacing:4px;padding:15px 0 3px;color:#e5e5ce99}.notes{display:flex;flex-direction:column;gap:10px}.note{color:var(--chalk);text-align:left;border-bottom:1px solid #d1d7bc35;padding:14px 10px 24px}.note small{font-size:11px;color:#c7cfb5}.note p{white-space:pre-wrap;overflow-wrap:anywhere;font:20px/1.8 var(--hand);margin-top:9px}.note img{display:block;max-width:200px;height:140px;object-fit:cover;margin-top:12px;border:6px solid #f8f3e4}.note:hover{background:#faffea08}.load-more{font-size:13px;grid-column:1/-1;color:#edf0dc;padding:14px;justify-self:center}.board-status,.empty-state{grid-column:1/-1;text-align:center;padding:40px 20px;color:#e2e7cc;font-size:15px;align-self:center}.board-status button{display:flex;margin:18px auto;gap:8px;align-items:center;color:inherit}.empty-state{width:100%;padding-top:45px}.empty-state p{font:23px/1.8 var(--hand);margin:18px 0 8px}.empty-state small{font-size:12px;opacity:.6}.paper-panel{position:absolute;right:247px;bottom:64px;width:430px;padding:47px 30px 30px;background:var(--paper);border:1px solid #e0dfcf;border-radius:20px;box-shadow:0 15px 60px #3c4f3a20;z-index:8}.paper-panel h1{font:28px/1.6 var(--hand);margin:10px 0}.paper-panel h2{font:34px var(--hand);margin:9px 0 16px}.paper-panel p{font-size:13px}.paper-panel form label{font-size:12px;display:block;margin:25px 0 8px}.paper-panel form .primary{margin-top:20px}.panel-back{position:absolute;left:16px;top:13px}.panel-close{position:absolute;right:12px;top:12px}.eyebrow{font-size:11px;letter-spacing:2px;color:#7d8875}.muted{color:#7f8778}.primary{background:var(--green);color:#fffef4;border-radius:10px;width:100%;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;font-size:14px}.primary:hover:enabled{background:#294b3c}.activity-options{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.activity-options button{border:1px solid #e0e4d7;border-radius:10px;padding:14px 3px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px}.mood-options{display:flex;gap:6px;flex-wrap:wrap}.mood-options button{display:flex;gap:5px;align-items:center;border:1px solid #e0e4d7;border-radius:18px;padding:8px 10px;font-size:12px}.activity-options button[aria-pressed=true],.mood-options button[aria-pressed=true]{background:#e6eddd;border-color:#95a984;color:#385733}.compose-tabs{display:flex;gap:24px;border-bottom:1px solid #dde1d3;margin-bottom:18px}.compose-tabs button{display:flex;align-items:center;gap:6px;padding:9px 1px 12px;color:#8a907e;font-size:13px;border-bottom:2px solid transparent}.compose-tabs button[aria-pressed=true]{border-bottom-color:#667c56;color:#3d5941}.photo-picker{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:220px;border:1px dashed #aebaa0;border-radius:10px;background:#eff2e6;color:#7a8b6d;cursor:pointer;font-size:13px;overflow:hidden}.photo-picker img{height:100%;width:100%;object-fit:contain}.photo-picker input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.photo-picker:focus-within{outline:3px solid #bd9256;outline-offset:4px}.quiet-note{margin:15px 0 20px;font-size:12px!important}.error{color:#9c4c38!important;font-size:12px!important;margin-top:13px!important;overflow-wrap:anywhere}.pet-menu{position:absolute;right:247px;bottom:60px;width:280px;background:var(--paper);border:1px solid #e2e2d3;border-radius:18px;padding:14px;z-index:8;box-shadow:0 12px 40px #45533d20}.pet-menu>button{display:flex;align-items:center;gap:14px;text-align:left;width:100%;padding:13px 12px;border-radius:10px}.pet-menu>button:hover{background:#eaf0df}.pet-menu span{font-size:15px}.pet-menu small{display:block;font-size:11px;color:#89917f;margin-top:2px}.pet-menu .menu-close{justify-content:center;text-align:center;padding:8px;font-size:12px;color:#8c947f}.viewer{position:absolute;top:10px;right:60px;bottom:10px;left:0;background:#fffdf7fa;border:1px solid #e5e4d6;border-radius:18px;box-shadow:0 16px 60px #32462e30;z-index:20;display:flex;flex-direction:column;padding:50px 30px 20px;overflow:hidden}.viewer>img{height:0;flex:1;width:100%;min-height:0;object-fit:contain}.viewer-close{position:absolute;right:13px;top:12px}.viewer footer{text-align:center;color:#929783;font-size:12px;margin-top:18px;flex-shrink:0}.viewed-note{font:27px/1.9 var(--hand);white-space:pre-wrap;overflow-wrap:anywhere;overflow-y:auto;padding:25px;flex:1}.toast{position:absolute;bottom:5px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:95%;padding:11px 18px;border-radius:30px;background:#fffff5;box-shadow:0 5px 25px #354a3520;z-index:30;font-size:12px;white-space:nowrap}.media-loading{background:#d4ddc7;display:flex;align-items:center;justify-content:center;color:#69765f;font-size:12px}.desktop{height:100vh;min-height:0}.desktop .stage{width:100vw;height:100vh;min-height:0;margin:0}.desktop .companion{bottom:4px;right:0}.desktop .board{top:0;height:calc(100vh - 5px);min-height:0;max-height:none;padding-top:48px}.desktop .viewer{top:5px;right:25px;bottom:8px;left:5px}.desktop .toast{left:auto;right:5px;bottom:5px;transform:none;font-size:11px;white-space:normal;max-width:270px}.desktop .paper-panel{bottom:55px}.desktop .pet-menu{bottom:30px}.desktop.expanded .companion{bottom:4px}.desktop .board h1{font-size:38px}@keyframes breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes board-enter{0%{transform:translate(100vw)}to{transform:translate(0)}}@media(max-width:900px){.preview-header{left:20px;right:20px}.demo-controls>span{display:none}.stage{width:96vw;min-height:620px;margin-top:85px}.board{width:calc(100% - 65px);padding:50px 45px 35px}.board h1{font-size:34px}.companion{width:190px;right:-7px}.pet{width:190px;height:253.33px}.paper-panel{right:185px;width:380px;padding-inline:24px}.pet-menu{right:180px}.photos{gap:24px 15px}.polaroid{padding:7px 7px 10px}.polaroid span:not(.media-loading){font-size:13px}.companion-label{font-size:10px}.preview-footer{left:20px;right:20px}.preview-footer span{display:none}}@media(max-width:600px){.brand{font-size:17px}.brand small{display:none}.stage{margin-top:65px;height:calc(100dvh - 110px);min-height:530px}.board{left:0;top:0;width:100%;height:calc(100% - 95px);min-height:420px;padding:35px 27px 30px}.board h1{font-size:27px;letter-spacing:2px;margin-bottom:8px}.board-kicker{font-size:13px}.board-tabs{margin-bottom:12px;gap:10px}.board-tabs button{font-size:15px;padding:6px 12px}.close-board{right:19px;top:20px}.photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px;padding:7px 8px 20px}.board-footer{font-size:12px;padding:7px 0}.companion{bottom:0;right:-5px;width:145px}.pet{width:145px;height:193.33px}.companion-label{font-size:9px;padding:4px 7px;gap:4px}.companion-label small{font-size:9px;padding-left:5px}.pet-settings{font-size:12px;letter-spacing:0;padding:6px 8px}.incoming{font-size:10px;padding:6px 9px;margin-bottom:7px}.paper-panel{right:7px;left:7px;bottom:145px;width:auto;padding:44px 20px 22px}.pet-menu{right:132px;bottom:20px;width:215px;padding:9px}.pet-menu>button{padding:10px;gap:10px}.pet-menu small{font-size:10px}.viewer{top:0;right:5px;bottom:30px;left:5px;padding:45px 15px 18px}.viewed-note{font-size:22px;padding:12px}.activity-options button{font-size:11px}.mood-options button{font-size:11px;padding:7px 8px}.paper-panel h2{font-size:28px}.preview-footer{font-size:10px;bottom:14px}.toast{bottom:220px;white-space:normal;width:max-content;max-width:90%}.connect-panel{bottom:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.desktop .companion{width:255px;right:0}.desktop .pet{width:255px;height:340px}.desktop .companion-label{font-size:12px;padding:6px 13px;gap:7px}.desktop .companion-label small{font-size:11px;padding-left:8px}.desktop .pet-settings{font-size:16px;letter-spacing:2px;padding:8px 14px}.desktop .incoming{font-size:12px;padding:10px 14px;margin-bottom:14px}.board-footer{padding-bottom:16px;color:#e3e4c8}.with-board{animation:board-enter .65s cubic-bezier(.2,.65,.3,1) both}.desktop-demo{display:block;font-size:10px;color:#697760;background:#fffdf0d9;width:max-content;margin:3px auto 0;border-radius:10px;padding:1px 8px}.sprite{width:100%;height:100%;transform:none;animation:none;contain:paint}@keyframes registered-breathe{0%,to{transform:translate(var(--sx,0%),var(--sy,0%))}50%{transform:translate(var(--sx,0%),calc(var(--sy,0%) - 2px))}}.frame-media{animation:none}.pet{transition:none;outline-offset:-8px}.desktop .with-board{animation:none}.reconnect{margin-top:20px}@media(max-width:600px){.preview .stage{margin-bottom:40px}}@media(min-width:1100px){.preview .stage{margin-top:100px}.preview .board{left:80px;height:780px;max-height:780px;padding:68px 112px 52px}.preview .board-kicker{font-size:23px}.preview .board h1{font-size:59px;letter-spacing:5px;margin:12px 0 22px}.preview .board-tabs{margin-bottom:35px;gap:34px}.preview .board-tabs button{font-size:23px;padding:7px 22px}.preview .photos{gap:38px}.preview .polaroid span:not(.media-loading){font-size:19px;padding-top:14px}.preview .board-footer{font-size:21px}.preview .with-board{width:320px;right:-125px;bottom:-12px}.preview .with-board .pet{width:320px;height:426.67px}}@media(min-width:601px)and (max-width:1099px){.preview .stage{height:calc(100dvh - 125px);min-height:560px;margin-top:70px;margin-bottom:40px}.preview .board{min-height:510px;top:0;height:calc(100% - 15px)}.preview .board h1{font-size:32px}.preview .board-footer{padding-bottom:24px}}.connection-summary{display:grid;gap:5px;padding:10px 14px;font-size:12px;color:#596b5c;border-top:1px solid #d9decf}.connection-summary strong{font-weight:600}.connection-summary label{display:grid;gap:4px}.connection-summary select{max-width:100%;padding:6px;background:#fffdf5;border:1px solid #bdc8b3;border-radius:6px;color:#354f3b}.delivery{display:block;font-size:11px;opacity:.8;margin-top:4px}.pet-menu{max-height:88vh;overflow-y:auto}