:root{font-family:Inter,Microsoft YaHei,sans-serif;color:#25463f;background:#faf9f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #d9e2d9;background:#fffdf8;color:#36574b;padding:10px 16px;border-radius:12px;transition:.2s}button:hover{background:#edf2e6;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #d8a85b;outline-offset:4px}.shell{max-width:1120px;margin:auto;padding:0 36px}nav{display:flex;gap:16px;padding:24px 0 32px}nav button{border:0;background:transparent;color:#7b877d}nav .active{background:#e7eddf;color:#335d46;font-weight:700}nav b{color:#cd9e57;font-size:10px}h1{font-size:34px;letter-spacing:-1px;font-weight:650;margin:14px 0}h2{font-size:22px;font-weight:600}h3{font-size:18px}p{color:#849082;font-size:14px;line-height:1.8}small{font-size:12px;color:#8a9687}.eyebrow{font-size:10px;letter-spacing:3px;color:#a79774;font-weight:700}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.primary{background:#345b45;color:#fff;border:0;padding:13px 23px;box-shadow:0 5px 12px #33594415}.primary:hover{background:#436e50}.pool-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#8a947b;margin-top:25px;gap:10px}.pool-toolbar button{font-size:12px;padding:7px 12px;margin-left:5px;background:transparent}.universe{height:460px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(ellipse,#e8efdd88,transparent 66%);perspective:900px}.planet{height:130px;width:130px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#e9efce,#c3d6ad 58%,#a5c19e);box-shadow:inset -12px -12px 30px #749b6630,0 0 70px #d9e6b870;display:flex;align-items:center;justify-content:center;flex-direction:column}.planet span{font-size:46px;color:#77986c}.planet small{font-size:9px;color:#77916f}.sphere{position:absolute;left:50%;top:48%;transform-style:preserve-3d;animation:spin 65s linear infinite}.sphere.paused,.sphere:hover,.sphere:focus-within{animation-play-state:paused}.star{position:absolute;left:-55px;top:-22px;width:110px;transform:translate3d(var(--x),var(--y),var(--z));background:#fffdf3ed;border:1px solid #e8e8d7;border-radius:15px;padding:9px 5px;box-shadow:0 6px 15px #3b523514;backface-visibility:visible}.star span{font-size:23px;display:block}.star strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;margin-top:5px}.star:hover{background:#fff5d8;transform:translate3d(var(--x),var(--y),var(--z)) scale(1.08)}.orbit{position:absolute;width:470px;height:210px;border:1px dashed #cfdab980;border-radius:50%;transform:rotate(-20deg)}.orbit-two{width:340px;height:330px;transform:rotate(35deg)}.universe-caption{position:absolute;bottom:12px;font-size:11px;color:#9ca58c;letter-spacing:2px}.empty-sphere{position:absolute;bottom:70px;text-align:center;font-size:13px;line-height:2;color:#829277}.bottom-note{display:flex;align-items:center;justify-content:center;gap:18px;background:#f0f2e8;border:1px solid #e5e9da;border-radius:18px;padding:20px;margin:15px 0 45px}.bottom-note>span{font-size:30px}.bottom-note strong{font-size:13px;font-weight:500}.bottom-note p{margin:5px 0 0;font-size:12px}.site-footer{border-top:1px solid #e4e7dd;padding:24px 0;display:flex;font-size:12px;color:#83917d}.site-footer span{margin-left:auto;font-size:11px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.wish-card{display:block;text-align:left;background:#fffdf8;border:1px solid #e5e7dc;border-radius:18px;padding:23px;min-width:0}.wish-card p{overflow-wrap:anywhere;white-space:pre-wrap}.wish-card footer{border-top:1px solid #eceee3;padding-top:14px;font-size:12px;color:#8a9580}.wish-card footer span{float:right}.wish-icon{font-size:36px;display:block;margin-bottom:18px}.wish-card button{margin:5px 3px 0 0;font-size:12px}.empty{padding:40px;grid-column:1/-1}.growth{display:flex;align-items:center;gap:35px;background:#ecf0df;border-radius:24px;padding:30px;margin:28px 0}.plant{font-size:80px}.growth small{display:block;margin-top:10px}progress{accent-color:#78965b;width:100%;height:9px}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.badges>div{padding:22px;border-radius:15px;background:#fff7df;border:1px solid #ece4ca;font-size:14px}.badges small{display:block;margin-top:9px}.locked{filter:grayscale(1);opacity:.45}.logout{margin:30px 0}.review{padding:18px;background:#f0f2e8;border-radius:12px;margin:14px 0}.review button{margin-right:8px;font-size:12px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1a342b66;z-index:10;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#faf9f3;border-radius:24px;padding:30px;max-width:550px;width:100%;max-height:90vh;overflow:auto;position:relative}.close{position:absolute;right:16px;top:16px;padding:4px 12px;font-size:25px;border:0;background:transparent}label{display:block;font-size:13px;margin:16px 0 8px}input:not([type=checkbox]),textarea,select{display:block;border:1px solid #dbe1d2;border-radius:10px;padding:12px;background:#fffefa;width:100%;margin-top:8px;color:#304d3d}textarea{min-height:110px;resize:vertical}.icon-picker,.emoji{display:flex;gap:7px;flex-wrap:wrap}.icon-picker button{font-size:23px;padding:9px}.selected{background:#e3ebd2;border-color:#72965d}.emoji button{border:0;padding:5px;background:transparent}.hint{font-size:11px}.preview{background:#eef0e1;padding:15px;border-radius:12px;font-size:14px;margin:16px 0;overflow-wrap:anywhere}.member-picker{display:flex;gap:14px;flex-wrap:wrap}.member-picker label{display:flex;align-items:center;gap:5px}.body-text{white-space:pre-wrap;font-size:16px;color:#4a604f;margin:24px 0}.detail-actions{display:flex;justify-content:space-between;margin-top:28px}.detail-actions button{font-size:11px;background:transparent;border:0}.login{text-align:center;padding:65px 0}.login h1{font-size:44px;line-height:1.4}.login-card{max-width:370px;background:#fffdf8;border:1px solid #e5e7d9;border-radius:24px;margin:35px auto;padding:25px 30px;text-align:left}.login-card>.plant{display:block;text-align:center;font-size:45px}.login-card h2,.login-card p{text-align:center}.login-card .primary{width:100%;margin:15px 0}.alert,.notice{position:sticky;top:10px;z-index:20;background:#fff0e8;border:1px solid #e4b9a0;padding:14px;border-radius:12px;font-size:13px;margin:10px 0}.notice{background:#edf3df;border-color:#cbdab5;cursor:pointer}.notice small{float:right}.alert button{float:right;padding:0;border:0;background:transparent}@keyframes spin{to{transform:rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.sphere{animation:none}*{scroll-behavior:auto}}@media(max-width:650px){.shell{padding:0 18px}nav{gap:2px;justify-content:space-between;padding:18px 0 28px}nav button{font-size:12px;padding:10px}h1{font-size:25px}.section-head{align-items:flex-start}.section-head .primary{font-size:12px;white-space:nowrap;padding:12px}.section-head p{font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}.pool-toolbar{align-items:flex-start}.pool-toolbar>span{font-size:10px;max-width:100px}.pool-toolbar button{padding:5px;font-size:10px;margin:0}.universe{height:410px}.cards{grid-template-columns:1fr}.badges{grid-template-columns:repeat(2,1fr)}.badges>div{padding:17px;font-size:12px}.growth{gap:18px;padding:22px}.growth>.plant{font-size:55px}.growth h2{font-size:18px}.bottom-note{padding:16px;gap:10px}.bottom-note strong{font-size:11px}.bottom-note p{font-size:10px}.modal{padding:26px 20px}.login{padding:40px 0}.login h1{font-size:36px}}.auth-tabs{display:flex;gap:5px;justify-content:center;flex-wrap:wrap}.auth-tabs button{font-size:12px;padding:8px}.invite-code{font-size:24px;letter-spacing:3px}.review small{display:block;margin-top:10px}.interactive-universe{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.interactive-universe:active{cursor:grabbing}.interactive-universe .controlled-sphere{animation:none;transform-style:flat}.controlled-sphere .star{left:0;top:0;transition:background .2s}.controlled-sphere .star:hover{background:#fff5d8}.interactive-universe .universe-caption{pointer-events:none;letter-spacing:1px}.with-bottom-nav{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}nav.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:8;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin:0;padding:8px max(8px,calc((100vw - 1048px)/2)) calc(8px + env(safe-area-inset-bottom,0px));background:#fffdf8f5;border-top:1px solid #e1e6d9;box-shadow:0 -4px 24px #29443109;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:58px;padding:3px;border-radius:12px;color:#879180;background:transparent}.bottom-nav button:hover{transform:none;background:#f0f3e9}.bottom-nav button>span{font-size:25px;line-height:28px}.bottom-nav button small{font-size:11px;color:inherit;white-space:nowrap}.bottom-nav button.active{background:transparent;color:#345b45}.bottom-nav .publish-nav>span{width:38px;height:38px;line-height:38px;border-radius:13px;background:#345b45;color:#fff;font-size:28px;margin-top:-12px;box-shadow:0 3px 8px #345b4522}.nav-icon{position:relative}.bottom-nav .unread-dot{position:absolute;top:0;right:-5px;width:7px;height:7px;background:#c98252;border-radius:50%}.pool,.without-brand-header{padding-top:calc(24px + env(safe-area-inset-top,0px))}.profile-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-logout{flex-shrink:0;padding:8px 12px;font-size:12px;background:transparent}.media-input{margin:20px 0;padding:14px;border:1px solid #dbe1d2;border-radius:12px;min-width:0}.media-input legend{font-size:14px}.media-input input[type=file]{font-size:12px;padding:8px}.photo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-previews figure{margin:8px 0;min-width:0}.photo-previews img{width:100%;height:90px;object-fit:cover;border-radius:10px}.photo-previews button{font-size:11px;padding:6px}.wish-media img{display:block;max-width:100%;max-height:400px;margin:12px auto;border-radius:12px;object-fit:contain}.wish-media audio,.voice-preview audio{width:100%;margin:12px 0}.media-error{color:#a43c32}.reply-templates{display:flex;flex-wrap:wrap;gap:8px}.reply-templates button{font-size:12px;text-align:left;padding:9px 12px;border-radius:16px;background:#edf2e5;border-color:#dbe5cf}.reply-templates button:hover{background:#e0ebd4}.controlled-sphere .star{will-change:transform,opacity}
