*{box-sizing:border-box}html,body{margin:0;height:100%;width:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#20252d;background:#e5e7e9}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.42}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #06c755;outline-offset:2px}button{touch-action:manipulation}input,textarea,select{min-width:0}textarea{resize:vertical}#phone{--ink:#20252d;color:var(--ink);width:100%;max-width:440px;height:100dvh;margin:auto;display:flex;flex-direction:column;background:#fff;overflow:hidden;position:relative}.statusbar{height:32px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-size:.79em;font-weight:650;background:#fff;z-index:1}.signal{font-size:.9em;padding-left:7px}#connection{font-size:.66em;text-align:center;padding:4px 28px 5px;min-height:23px;background:#f1f6f3;color:#617067;flex:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#connection.demo{background:#fff4db;color:#9a7130}#connection.disconnected{background:#ffe9e8;color:#a44743}#view{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}h1,h2,h3,p{margin:0}button{border:0;background:none;color:inherit}input:not([type=checkbox]),textarea,select{border:1px solid #e3e5e7;border-radius:9px;padding:10px;background:#fff;color:#20252d}input[type=checkbox]{accent-color:#06c755}input[type=checkbox]:not(.switch){width:18px;height:18px}.primary{background:#06c755;color:#fff;border-radius:12px;padding:12px 18px;min-height:44px;font-weight:650}.secondary{background:#f4f5f6;border:1px solid #e5e7e9;border-radius:9px;min-height:38px;padding:9px 12px}.text-button{color:#188e56;font-size:.85em;min-height:36px;padding:6px 8px}.muted{color:#858a90;font-size:.86em;line-height:1.65}.center{text-align:center;padding:24px}.danger{color:#d84d49}.home{flex:1;display:flex;flex-direction:column;padding:30px 26px 20px;background:linear-gradient(155deg,#f9f5ed,#eaf2ea 60%,#dbe9df);background-size:cover;background-position:center;overflow:auto;position:relative}.home-stamp small{font-size:.63em;letter-spacing:.19em;color:#6c8070}.home-stamp h1{font-family:Georgia,serif;font-size:2.15em;font-weight:400;margin-top:12px;letter-spacing:-.035em;color:#334f3d}.home-stamp p{font-size:.76em;margin:10px 0 30px;color:#6e8273}.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 14px;align-content:start}.app-button{padding:0;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:.78em;position:relative;min-width:0}.app-button>span:last-of-type{max-width:100%;overflow:hidden;text-overflow:ellipsis}.app-icon{width:58px;height:58px;border-radius:16px;color:white;font-size:2.2em;display:flex;align-items:center;justify-content:center;font-weight:700;box-shadow:0 5px 10px #17322012;overflow:hidden}.app-icon img{height:100%;width:100%;object-fit:cover}.app-badge{position:absolute;right:-3px;top:-4px;background:#f06663;color:#fff;border:2px solid #edf2e9;min-width:21px;height:21px;border-radius:20px;font-size:.8em;padding:2px 4px}.home-footnote{margin-top:auto;padding-top:28px;color:#829184;font-size:.65em;letter-spacing:.06em}.home-footnote span{display:block;margin-top:6px;font-family:Georgia,serif;font-size:1.2em;font-style:italic}.home-reply{margin-top:30px;background:#ffffff95;text-align:left;font-size:.83em;border:1px solid #ffffffa0;padding:14px;border-radius:13px}.time-card{padding:18px 20px;margin-bottom:25px;background:#ffffffa0;border-radius:18px;background-size:cover}.time-card strong{display:block;font-size:2em;font-weight:350}.time-card small{display:block;margin-top:5px;color:#637368}#dock{height:86px;background:#e2ece4;display:flex;justify-content:center;align-items:center;gap:35px;flex:none;padding:12px}#dock[hidden]{display:none}.dock-app{padding:0}.dock-app .app-icon{width:51px;height:51px;font-size:2em;border-radius:14px}#home-button{height:25px;width:100%;flex:none;background:#fff;display:flex;align-items:center;justify-content:center}#home-button span{height:4px;width:105px;border-radius:4px;background:#20252d}#toast{position:fixed;bottom:48px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 30px);padding:12px 17px;border-radius:12px;background:#263b2ff2;color:#fff;font-size:13px;line-height:1.5;box-shadow:0 5px 25px #0002;z-index:50}dialog{border:0;border-radius:19px;max-width:calc(100vw - 28px);width:360px;max-height:85dvh;padding:20px;box-shadow:0 15px 80px #0003;overflow:auto;color:#20252d}dialog::backdrop{background:#101b2160;backdrop-filter:blur(3px)}.modal-form{display:flex;flex-direction:column;gap:13px}.modal-form header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.modal-form h2{font-size:18px}.modal-form header button{font-size:24px;width:32px;height:32px}.form-field{display:flex;flex-direction:column;gap:7px;font-size:.86em}.form-field>span{font-weight:550}.modal-form textarea{min-height:85px;width:100%}.modal-form h3{font-size:14px}.button-row{display:flex;gap:8px;flex-wrap:wrap}.avatar{display:flex;align-items:center;justify-content:center;flex:none;overflow:hidden;width:48px;height:48px;border-radius:17px;background:#e2ece5;color:#63916c;font-size:20px;font-weight:650}.avatar img{width:100%;height:100%;object-fit:cover}.member-option{display:flex;align-items:center;gap:12px;font-size:14px;min-height:48px}.member-option .avatar{width:35px;height:35px;font-size:15px;border-radius:12px}.sticker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sticker-grid button{padding:12px 5px;background:#f1f7f1;border-radius:9px;font-size:13px}@media(min-width:600px){body{padding:20px}#phone{height:calc(100dvh - 40px);border-radius:25px;box-shadow:0 8px 40px #0002}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:350px){.home{padding:25px 20px}.app-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.app-icon{width:53px;height:53px}}