:root{--wood: #a67b5b;--wood-dark: #7a5a42;--cream: #faf6f0;--cream-deep: #f0e8dc;--ink: #2e5c4e;--ink-light: #3d7a68;--gold: #c9a84c;--jade: #5a9e8f;--text: #2c2420;--muted: #8a7d72;--shadow: 0 8px 32px rgba(44, 36, 32, .1);--shadow-lg: 0 16px 48px rgba(44, 36, 32, .14);--radius: 16px;--radius-sm: 10px;--radius-full: 9999px;--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Inter", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: calc(68px + var(--safe-bottom))}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;height:100dvh}body{font-family:var(--font-sans);background:#e8e0d6;color:var(--text);-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer;border:none;background:none;touch-action:manipulation}input,textarea,select{font-family:inherit;font-size:16px}.app-shell{display:flex;flex-direction:column;height:100dvh;width:100%;max-width:100%;margin:0 auto;position:relative;overflow:hidden;background:var(--cream)}@media(min-width:480px){.app-shell{max-width:430px;box-shadow:var(--shadow-lg)}}.v3-app .main-nav{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:100%;transform:none;margin:0}.screen{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--nav-h) + 12px)}.screen::-webkit-scrollbar{width:0}.page-header{padding:calc(16px + var(--safe-top)) 20px 8px}.page-header h1{font-family:var(--font-serif);font-size:28px;font-weight:600;color:var(--ink);letter-spacing:.02em}.page-sub{font-size:14px;color:var(--muted);margin-top:4px}.main-nav{position:fixed;bottom:0;left:0;right:0;margin:0 auto;width:100%;max-width:100%;height:var(--nav-h);display:flex;background:#faf6f0f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(166,123,91,.18);z-index:50;padding:6px 6px calc(6px + var(--safe-bottom))}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--muted);transition:color .2s,transform .15s;min-width:0}.nav-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;background:#a67b5b1a;transition:all .2s}.nav-label{font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.nav-item.active{color:var(--ink)}.nav-item.active .nav-icon{background:var(--ink);color:var(--cream);box-shadow:0 4px 12px #2e5c4e4d}.btn-primary{background:linear-gradient(135deg,var(--ink),var(--ink-light));color:var(--cream);padding:14px 24px;border-radius:var(--radius-full);font-size:15px;font-weight:600;width:100%;transition:opacity .2s,transform .15s;box-shadow:0 4px 16px #2e5c4e40}.btn-primary:disabled{opacity:.45}.btn-primary:active{transform:scale(.98)}.btn-primary.done{background:var(--wood)}.btn-ghost,.btn-secondary{color:var(--muted);padding:10px;font-size:14px;width:100%;margin-top:8px}.btn-sm{padding:8px 14px;border-radius:var(--radius-full);font-size:12px;font-weight:600;background:var(--ink);color:var(--cream)}.btn-danger,.btn-danger-sm{width:100%;padding:12px;border-radius:var(--radius-sm);color:#b44;background:#b4444414;font-size:14px;margin-top:8px}.btn-danger{background:#b44;color:#fff}.shrine-screen{position:relative;min-height:100%;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + 12px)}.portrait-tap{border:none;background:none;padding:0;cursor:pointer;display:block}.dates-float{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:16px;max-width:340px}.date-pill{background:#142a24c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-sm);padding:8px 10px;text-align:center;min-width:96px;color:#fff8f0;border:1px solid rgba(255,248,230,.2)}.date-pill span{font-size:16px;display:block}.date-pill small{display:block;font-size:10px;opacity:.85;margin-top:4px}.date-pill strong{display:block;font-size:12px;margin-top:2px;font-weight:600}.date-chip strong{color:var(--ink)}.timeline-photo-btn{border:none;background:none;padding:0;display:block;width:100%;margin-top:8px}.timeline-photo-img{width:100%;border-radius:var(--radius-sm);display:block}.reflection-screen{background:var(--cream);min-height:100%}.spirit-panel{background:linear-gradient(180deg,#1a2e28,#2e4a42 55%,#3d5c52);display:flex;flex-direction:column;min-height:380px}.spirit-panel .page-header{color:var(--cream);padding:calc(10px + var(--safe-top)) 16px 6px;flex-shrink:0}.spirit-panel .page-header h1{color:var(--cream);font-size:24px}.spirit-panel .page-sub{color:#ffffffb3;font-size:13px}.prompt-row{display:flex;gap:10px;padding:0 16px 10px;flex-shrink:0}.prompt-pill{width:44px;height:44px;border-radius:50%;background:#ffffff26;font-size:20px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.spirit-panel .chat-thread{flex:1;min-height:120px}.spirit-panel .chat-input-bar{position:relative;margin-top:auto}.reflection-lower{padding-bottom:12px}.reflection-lower .tool-row-btn{width:100%;padding:14px;background:var(--cream-deep);border-radius:var(--radius-sm);border:1px solid rgba(166,123,91,.12);font-weight:500;text-align:left}.shrine-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(175deg,#7aab9a,#b8cfc4 35%,#e8ddd0 75%,#c4a882)}.shrine-bg.theme-tang{background:linear-gradient(175deg,#b8885a,#e0c4a0,#f5ead8)}.shrine-bg.theme-song{background:linear-gradient(175deg,#8aa89c,#d0ddd6,#f2ede6)}.cloud{position:absolute;background:#ffffff8c;border-radius:50%;filter:blur(3px);animation:drift 28s linear infinite}.cloud-1{width:140px;height:44px;top:6%;left:-25%}.cloud-2{width:90px;height:32px;top:14%;left:55%;animation-duration:22s}.cloud-3{width:110px;height:36px;top:4%;left:25%;animation-duration:32s}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 250px))}}.water-ripple{position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent,rgba(46,92,78,.12));animation:ripple 5s ease-in-out infinite}@keyframes ripple{0%,to{opacity:.4}50%{opacity:.7}}.petal{position:absolute;width:9px;height:9px;background:#f0b8c8;border-radius:50% 0 50% 50%;animation:fall 9s linear infinite}@keyframes fall{0%{opacity:0;transform:translateY(-10px) rotate(0)}10%{opacity:.8}to{opacity:0;transform:translateY(700px) rotate(400deg)}}.shrine-top{position:relative;z-index:10;padding:calc(8px + var(--safe-top)) 16px 0}.status-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.status-pill{font-size:12px;font-weight:600;padding:5px 12px;border-radius:var(--radius-full);background:#00000038;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.status-pill.jade{background:#5a9e8f80}.status-pill.level{background:#c9a84c73}.anniversary-text{font-family:var(--font-serif);font-style:italic;font-size:13px;color:#ffffffe6;margin-top:8px}.anniversary-banner{position:relative;z-index:10;text-align:center;font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--cream);background:#f0b8c859;padding:8px 16px;margin:8px 20px;border-radius:var(--radius-full)}.shrine-center{position:relative;z-index:5;flex:1;display:flex;flex-direction:column;align-items:center;padding:16px 20px}.shrine-title{font-family:var(--font-serif);font-size:32px;font-weight:600;color:var(--cream);text-shadow:0 2px 12px rgba(0,0,0,.25)}.shrine-subtitle{font-size:13px;color:#fffc;letter-spacing:.15em;text-transform:uppercase;margin-top:4px}.pet-platform{margin-top:20px;display:flex;flex-direction:column;align-items:center}.pet-avatar{width:128px;height:128px;border-radius:50%;background:linear-gradient(145deg,#f8ecd8,#d4b896);display:flex;align-items:center;justify-content:center;font-size:68px;margin-bottom:-14px;animation:sway 5s ease-in-out infinite;box-shadow:var(--shadow-lg);border:3px solid rgba(255,255,255,.5)}@keyframes sway{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.pet-portrait{width:128px;height:128px;border-radius:50%;object-fit:cover;margin-bottom:-14px;border:3px solid rgba(255,255,255,.55);box-shadow:var(--shadow-lg);animation:sway 5s ease-in-out infinite}.lotus-throne{width:150px;height:26px;background:linear-gradient(180deg,#e8c878,#b89040);border-radius:50%;box-shadow:0 6px 16px #0003}.offering-table{margin-top:28px;width:270px;height:56px;background:linear-gradient(180deg,#8b6914,#5a4010);border-radius:6px;display:flex;align-items:flex-end;justify-content:center;gap:28px;padding-bottom:10px;box-shadow:0 8px 20px #00000040}.offering-item{font-size:30px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.offering-item.dim{opacity:.25}.wish-float{margin-top:20px;padding:16px 22px;background:#142a24d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius);max-width:320px;text-align:center;border:1px solid rgba(255,248,230,.35);box-shadow:0 8px 24px #00000040}.wish-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff8e6f2}.wish-text{font-family:var(--font-serif);font-style:italic;font-size:17px;font-weight:500;color:#fff8f0;margin-top:8px;line-height:1.55;text-shadow:0 1px 4px rgba(0,0,0,.45)}.shrine-actions{position:relative;z-index:10;display:flex;gap:10px;padding:0 20px 12px;justify-content:center}.ritual-chip{padding:10px 16px;border-radius:var(--radius-full);background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--cream);font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.25);transition:transform .15s}.ritual-chip:active{transform:scale(.95)}.shrine-toolbar{position:relative;z-index:10;display:flex;gap:8px;padding:0 16px 10px}.shrine-toolbar.secondary{padding-bottom:calc(16px + var(--safe-bottom) / 2)}.toolbar-btn{flex:1;padding:10px 8px;border-radius:var(--radius-sm);background:#2e5c4ebf;color:var(--cream);font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.toolbar-btn.done{background:#a67b5bb3;opacity:.7}.pet-switcher{padding:8px 16px 0;position:relative;z-index:12}.pet-switcher-scroll{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.pet-chip{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 14px;border-radius:var(--radius-sm);background:#ffffffe6;border:2px solid transparent;min-width:76px;flex-shrink:0;box-shadow:0 2px 8px #0000000f}.shrine-screen .pet-chip{background:#ffffff38;color:var(--cream);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pet-chip.active{border-color:var(--gold)}.chip-emoji{font-size:22px}.chip-portrait{width:26px;height:26px;border-radius:50%;object-fit:cover}.chip-name{font-size:11px;font-weight:600}.vault-screen{background:var(--cream)}.vault-tabs{display:flex;gap:8px;padding:12px 16px}.vault-tab{flex:1;padding:10px;border-radius:var(--radius-full);font-size:14px;font-weight:600;color:var(--muted);background:var(--cream-deep)}.vault-tab.active{background:var(--ink);color:var(--cream)}.vault-body{padding:0 16px calc(var(--nav-h) + 72px)}.section-label{font-family:var(--font-serif);font-size:16px;color:var(--ink);margin:20px 0 10px;font-weight:600}.section-label.row-between{display:flex;justify-content:space-between;align-items:center}.text-btn{font-size:13px;color:var(--ink);font-weight:600}.empty-hint{font-size:14px;color:var(--muted);padding:16px 0;line-height:1.6}.photo-masonry{columns:2;column-gap:10px}.photo-card{break-inside:avoid;margin-bottom:10px;border-radius:var(--radius-sm);overflow:hidden;background:#fff;box-shadow:0 2px 12px #0000000f}.photo-caption{padding:8px 10px;font-size:12px;color:var(--muted);font-style:italic}.video-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.video-item{display:flex;gap:12px;background:#fff;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 2px 12px #0000000f}.video-thumb{width:72px;height:72px;background:linear-gradient(135deg,var(--ink-light),var(--ink));color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px}.video-info{padding:12px 12px 12px 0}.video-info h3{font-size:14px}.video-info p{font-size:12px;color:var(--muted)}.timeline{padding-left:24px;position:relative}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:2px;background:var(--wood);opacity:.25}.timeline-item{position:relative;margin-bottom:16px;padding:14px 16px;background:#fff;border-radius:var(--radius-sm);box-shadow:0 2px 10px #0000000d}.timeline-item:before{content:"";position:absolute;left:-22px;top:18px;width:10px;height:10px;background:var(--ink);border-radius:50%;border:2px solid var(--cream)}.timeline-date{font-size:12px;color:var(--wood);font-weight:600}.timeline-title{font-family:var(--font-serif);font-size:16px;margin-top:2px}.timeline-desc{font-size:13px;color:var(--muted);margin-top:4px}.letters-list{display:flex;flex-direction:column;gap:12px}.letter-card{background:#fff;border-radius:var(--radius-sm);padding:16px;border-left:3px solid var(--wood);box-shadow:0 2px 10px #0000000d}.letter-date{font-size:12px;color:var(--wood);font-weight:600}.letter-content{font-family:var(--font-serif);font-size:15px;line-height:1.65;margin-top:8px;white-space:pre-wrap}.story-grid{display:grid;gap:12px}.story-card{background:#fff;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--wood);box-shadow:0 2px 10px #0000000d}.story-card.template-lotus{border-color:var(--gold)}.story-card.template-bamboo{border-color:var(--ink)}.story-photos{display:flex;gap:4px;padding:10px}.story-photo-img{flex:1;height:72px;object-fit:cover;border-radius:6px}.story-title{padding:8px 12px 12px;font-family:var(--font-serif);text-align:center;color:var(--ink)}.fab-menu{position:fixed;bottom:calc(var(--nav-h) + 16px);right:16px;display:flex;flex-direction:column;gap:10px;z-index:40}.fab-add{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--wood),var(--wood-dark));color:var(--cream);font-size:22px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center}.fab-add.secondary{background:linear-gradient(135deg,var(--ink),var(--ink-light));font-size:18px}.link-btn{font-size:12px;color:var(--muted);margin-top:6px;text-decoration:underline}.screen.screen-spirit{overflow:hidden;padding-bottom:0;display:flex;flex-direction:column}.spirit-screen{flex:1;min-height:0;display:flex;flex-direction:column;height:100%;background:linear-gradient(180deg,#1a2e28 0%,#2e4a42 40%,var(--cream) 100%);padding-bottom:var(--nav-h)}.spirit-screen .page-header{color:var(--cream);padding:calc(10px + var(--safe-top)) 16px 6px;flex-shrink:0}.spirit-screen .page-header h1{color:var(--cream);font-size:24px}.spirit-screen .page-sub{color:#ffffffb3;font-size:13px}.spirit-mist{display:none}.chat-thread{flex:1;min-height:0;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:14px}.chat-bubble{max-width:88%;padding:14px 16px;border-radius:var(--radius);font-size:15px;line-height:1.55;position:relative}.chat-bubble.user{align-self:flex-end;background:#ffffff26;color:var(--cream);border-bottom-right-radius:4px}.chat-bubble.spirit,.chat-bubble.companion{align-self:flex-start;background:#fff;color:var(--text);box-shadow:var(--shadow);border-bottom-left-radius:4px;padding-left:44px}.chat-avatar{position:absolute;left:12px;top:14px;font-size:18px}.chat-bubble.thinking .typing{font-style:italic;color:var(--muted);animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.chat-input-bar{flex-shrink:0;margin-top:auto;padding:10px 16px calc(10px + var(--safe-bottom));background:#faf6f0fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;gap:10px;align-items:flex-end;border-top:1px solid rgba(166,123,91,.15)}.chat-input-bar textarea{flex:1;padding:12px 14px;border:1px solid rgba(166,123,91,.25);border-radius:var(--radius-sm);resize:none;font-size:15px;background:#fff}.chat-send{width:auto;padding:12px 20px;flex-shrink:0}.garden-screen{padding:0 0 20px}.garden-card{margin:12px 16px;padding:18px;background:#fff;border-radius:var(--radius);box-shadow:0 2px 16px #0000000d}.garden-card.highlight{background:linear-gradient(145deg,#fff,#faf6f0);border-color:#c9a84c40;color:var(--text)}.garden-card.highlight .card-label{color:var(--ink);opacity:1;font-weight:600}.garden-card.highlight .card-title{color:var(--ink)}.garden-card.highlight .card-desc{color:var(--muted)}.garden-card.highlight .streak-bar{color:var(--text);opacity:1;font-weight:500}.garden-card.highlight .jade-display{color:var(--ink)}.garden-card.highlight .level-track{background:#2e5c4e2e}.garden-card h3{font-family:var(--font-serif);font-size:18px;color:var(--ink);margin-bottom:10px}.garden-card.highlight h3{color:var(--ink)}.card-label{font-size:12px;opacity:.8}.card-title{font-family:var(--font-serif);font-size:22px;font-weight:600}.card-desc{font-size:13px;color:var(--muted);line-height:1.5;margin-top:4px}.free-note{margin-top:10px;color:var(--jade);font-weight:500}.progress-row{display:flex;justify-content:space-between;align-items:flex-start}.jade-display{font-size:28px;font-weight:700}.streak-bar{display:flex;gap:16px;margin-top:12px;font-size:13px;opacity:.9}.level-track{height:4px;background:#fff3;border-radius:2px;margin-top:14px;overflow:hidden}.level-fill{height:100%;background:var(--gold);border-radius:2px;transition:width .5s ease}.theme-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.theme-row.active{background:#2e5c4e0d;margin:0 -8px;padding:12px 8px;border-radius:8px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tool-btn{padding:14px 8px;border-radius:var(--radius-sm);background:var(--cream-deep);font-size:12px;font-weight:600;text-align:center;line-height:1.4}.rescue-row{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--radius-sm);margin-bottom:8px;background:var(--cream-deep);cursor:pointer}.rescue-row.selected{outline:2px solid var(--ink)}.level-badge{display:inline-block;background:var(--gold);color:var(--text);padding:4px 12px;border-radius:var(--radius-full);font-size:12px;font-weight:600;margin-bottom:10px}.danger-zone{border:1px solid rgba(180,68,68,.2)}.privacy-list{font-size:13px;color:var(--muted);line-height:1.7;padding-left:18px;margin-bottom:12px}.hint-msg{font-size:13px;color:var(--jade);margin-top:8px}.form-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted);margin-bottom:12px}.form-field input,.form-field select{padding:12px;border:1px solid rgba(166,123,91,.25);border-radius:var(--radius-sm);font-size:15px}.modal-overlay,.ritual-overlay,.gate-overlay,.onboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e18148c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card,.ritual-panel,.gate-card,.onboard-card{background:var(--cream);border-radius:var(--radius);padding:28px 24px;width:100%;max-width:360px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg)}.modal-card h2,.ritual-panel h2{font-family:var(--font-serif);font-size:24px;color:var(--ink);margin-bottom:8px}.modal-desc{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:16px}.modal-hint{font-size:12px;color:var(--muted);margin-top:10px}.share-link-input{width:100%;padding:12px;border:1px solid rgba(166,123,91,.3);border-radius:var(--radius-sm);font-size:12px;margin-bottom:10px;background:#fff}.gate-seal{width:56px;height:56px;border:2px solid var(--ink);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:28px;color:var(--ink);margin:0 auto 16px}.gate-card h1{font-family:var(--font-serif);text-align:center;font-size:26px;color:var(--ink)}.gate-lead{text-align:center;color:var(--muted);margin:8px 0 20px;font-size:14px}.gate-scroll{background:#fff;border-radius:var(--radius-sm);padding:16px;margin-bottom:16px;font-size:13px;line-height:1.65}.gate-scroll h3{font-family:var(--font-serif);font-size:15px;color:var(--ink);margin:12px 0 6px}.gate-scroll ul{padding-left:18px;color:var(--muted)}.gate-check{display:flex;gap:10px;font-size:13px;color:var(--text);margin-bottom:16px;align-items:flex-start;line-height:1.5}.onboard-progress{display:flex;gap:6px;justify-content:center;margin-bottom:20px}.dot{width:8px;height:8px;border-radius:50%;background:#a67b5b40}.dot.filled{background:var(--ink)}.onboard-icon{font-size:48px;text-align:center;margin-bottom:12px}.onboard-card h2{font-family:var(--font-serif);text-align:center;font-size:22px;color:var(--ink)}.onboard-card p{text-align:center;color:var(--muted);line-height:1.6;margin:12px 0 24px;font-size:14px}.onboard-actions{display:flex;gap:10px}.skip-link{display:block;text-align:center;margin-top:14px;font-size:13px;color:var(--muted)}.flower-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.flower-option{padding:14px 8px;border:2px solid transparent;border-radius:var(--radius-sm);background:#fff;text-align:center}.flower-option.selected{border-color:var(--ink);background:#2e5c4e0f}.flower-option .emoji{font-size:28px;display:block}.flower-option .label{font-size:11px;color:var(--muted)}.incense-animation{height:110px;position:relative;margin:16px 0}.incense-stick{width:4px;height:56px;background:linear-gradient(180deg,#d4a050,#8b6914);margin:0 auto;border-radius:2px}.incense-stick:after{content:"";position:absolute;top:calc(50% - 28px);left:50%;transform:translate(-50%);width:6px;height:6px;background:#ff6b35;border-radius:50%;box-shadow:0 0 10px #ff6b35}.smoke{position:absolute;bottom:50%;left:50%;width:8px;height:8px;background:#c8c8c880;border-radius:50%;animation:smoke-rise 3s ease-out infinite}@keyframes smoke-rise{to{opacity:0;transform:translate(-50%,-70px) scale(2.5)}}.lamp-animation{height:90px;overflow:hidden;margin:12px 0}.lamp-float{font-size:44px;animation:lamp-drift 3.5s ease forwards}@keyframes lamp-drift{to{transform:translate(100px) translateY(-16px);opacity:.2}}.wish-input{width:100%;padding:12px;border:1px solid rgba(166,123,91,.25);border-radius:var(--radius-sm);font-size:14px;margin-bottom:12px;resize:none;background:#fff}.ritual-result{font-size:13px;color:var(--jade);margin-top:10px;text-align:center}.shared-memorial{background:var(--cream);min-height:100%;padding-bottom:40px}.shared-hero{text-align:center;padding:40px 20px;background:linear-gradient(180deg,var(--ink),#3d6b5c);color:var(--cream)}.shared-badge{font-size:12px;opacity:.8;letter-spacing:.1em}.shared-hero h1{font-family:var(--font-serif);font-size:32px;margin-top:8px}.shared-level{font-size:14px;opacity:.85;margin-top:6px}.shared-portrait{text-align:center;padding:24px}.shared-avatar,.shared-avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;margin:0 auto;box-shadow:var(--shadow)}.shared-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:56px;background:linear-gradient(135deg,#f5e6d0,#d4b896)}.shared-section{padding:20px}.shared-section h2{font-family:var(--font-serif);font-size:20px;color:var(--ink);margin-bottom:12px}.shared-photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.shared-photo-grid img{width:100%;border-radius:8px;aspect-ratio:1;object-fit:cover}.shared-photo-grid figcaption{font-size:11px;color:var(--muted);margin-top:4px}.shared-wish{background:#fff;padding:14px;border-radius:var(--radius-sm);margin-bottom:8px;border-left:3px solid var(--gold);font-family:var(--font-serif);font-style:italic}.shared-wish cite{display:block;font-size:11px;color:var(--muted);margin-top:6px;font-style:normal}.shared-footer{text-align:center;padding:24px;color:var(--muted);font-size:13px}.shared-cta{display:inline-block;margin-top:16px;text-decoration:none}.certificate-card{background:var(--cream);border:3px double var(--wood);border-radius:var(--radius);padding:28px;text-align:center;max-width:320px}.cert-title{font-family:var(--font-serif);font-size:22px;color:var(--ink)}.cert-body{font-size:15px;line-height:1.7;margin:16px 0}.annual-book{padding:16px;background:var(--cream)}.back-btn{margin-bottom:12px}.book-cover{text-align:center;padding:32px 16px;background:linear-gradient(180deg,var(--wood),var(--wood-dark));border-radius:var(--radius);color:var(--cream);margin-bottom:20px}.book-year{font-size:13px;opacity:.85}.book-cover h1{font-family:var(--font-serif);font-size:30px;margin-top:6px}.book-subtitle{font-style:italic;opacity:.9;margin-top:6px}.book-section{margin-bottom:24px}.book-section h2{font-family:var(--font-serif);font-size:18px;color:var(--ink);margin-bottom:10px}.book-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.book-stat{background:#fff;padding:12px 6px;border-radius:var(--radius-sm);text-align:center;box-shadow:0 2px 8px #0000000a}.book-stat .num{font-family:var(--font-serif);font-size:20px;font-weight:600;color:var(--ink);display:block}.book-stat .lbl{font-size:10px;color:var(--muted)}.book-text{font-size:14px;color:var(--muted);line-height:1.5}.book-quote{background:#fff;padding:14px;border-radius:var(--radius-sm);margin-bottom:8px;border-left:3px solid var(--gold);font-family:var(--font-serif);font-style:italic}.book-highlights{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.book-photo{width:100%;height:90px;object-fit:cover;border-radius:8px}.edit-pet-form{display:flex;flex-direction:column;gap:12px}.edit-pet-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.edit-pet-form input,.edit-pet-form select{padding:12px;border:1px solid rgba(166,123,91,.25);border-radius:var(--radius-sm);font-size:15px;background:#fff}.theme-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.theme-chip{padding:8px 14px;border-radius:var(--radius-full);font-size:12px;border:2px solid rgba(166,123,91,.25)}.theme-chip.active{border-color:var(--ink);background:#2e5c4e14;color:var(--ink)}.photo-viewer{background:var(--cream);border-radius:var(--radius);padding:20px;max-width:360px;width:100%;position:relative}.photo-viewer img{width:100%;border-radius:var(--radius-sm);margin-bottom:12px}.viewer-close{position:absolute;top:12px;right:16px;font-size:24px;color:var(--muted)}.caption-label{font-size:13px;color:var(--muted);margin-bottom:6px;display:block}.btn-danger.confirm{background:#b44;color:#fff}.video-modal .video-player{width:100%;border-radius:var(--radius-sm);margin:12px 0}.voice-select{width:100%;padding:10px;border-radius:var(--radius-sm);border:1px solid rgba(166,123,91,.25);margin-bottom:10px}.toast-banner,.audio-hint{position:fixed;bottom:calc(var(--nav-h) + 16px);left:50%;transform:translate(-50%);background:#2e5c4eeb;color:var(--cream);padding:12px 20px;border-radius:var(--radius-full);font-size:13px;z-index:90;max-width:90%;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audio-hint{pointer-events:none;bottom:calc(var(--nav-h) + 80px)}.audio-enable-btn{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--nav-h) + 16px);z-index:80;padding:16px 32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--ink),var(--ink-light));color:var(--cream);font-weight:600;font-size:16px;box-shadow:var(--shadow-lg);animation:pulse 2s ease infinite}.gate-audio-note{font-size:12px;color:var(--muted);text-align:center;margin:8px 0 12px}.quote-card{margin:10px 0 6px;padding:12px 14px;background:#fff3;border-radius:var(--radius-sm);border-left:3px solid var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.quote-text{font-family:var(--font-serif);font-size:14px;font-style:italic;color:#fff8f0;line-height:1.5}.quote-source{font-size:11px;color:#fffc;margin-top:6px}.shrine-quests-panel{padding:0 16px 16px;position:relative;z-index:10}.quests-card{background:#ffffffeb;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.quests-card h3{font-family:var(--font-serif);color:var(--ink);margin-bottom:4px}.quest-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.quest-row{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:var(--radius-sm);background:var(--cream-deep)}.quest-row.done{opacity:.65}.quest-check{font-size:16px;color:var(--ink);flex-shrink:0}.bridge-screen{padding-bottom:20px}.bridge-hero{margin:0 16px 16px;padding:28px 20px;border-radius:var(--radius);background:linear-gradient(145deg,#f5d0e8,#e8c4f0,#c4dff5);text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow)}.bridge-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.5),transparent 70%)}.bridge-count{font-family:var(--font-serif);font-size:42px;font-weight:600;color:var(--ink);position:relative}.bridge-count-label{font-size:14px;color:var(--text);position:relative}.bridge-nearby{font-size:12px;color:var(--muted);margin-top:8px;position:relative}.blessing-feed{display:flex;flex-direction:column;gap:10px}.blessing-card{padding:14px;border-radius:var(--radius-sm);background:var(--cream-deep);border-left:3px solid var(--gold)}.blessing-card.yours{border-left-color:#e8a0c0;background:#fdf5f8}.blessing-text{font-family:var(--font-serif);font-size:15px;line-height:1.55;color:var(--text)}.blessing-card footer{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:8px}.social-bubble-wrap{position:fixed;right:12px;bottom:calc(var(--nav-h) + 12px);z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:8px;max-width:200px}.social-bubble{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#f5b8c8,#e8a0d8);box-shadow:0 6px 20px #e8a0c880;display:flex;align-items:center;justify-content:center;position:relative}.bubble-icon{font-size:24px}.bubble-pulse{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(245,184,200,.6);animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(1);opacity:.8}to{transform:scale(1.35);opacity:0}}.social-bubble-card{background:#fff;border-radius:var(--radius);padding:12px 14px;box-shadow:var(--shadow-lg);border:1px solid rgba(245,184,200,.4);position:relative}.bubble-close{position:absolute;top:4px;right:8px;font-size:18px;color:var(--muted)}.bubble-title{font-size:13px;font-weight:700;color:var(--ink);padding-right:16px}.bubble-desc{font-size:11px;color:var(--muted);margin:4px 0 8px;line-height:1.4}.bubble-cta{font-size:12px;font-weight:700;color:#c06090}.meditation-overlay{background:#14231ebf}.meditation-card{background:linear-gradient(180deg,#1a2e28,#2e4a42);color:var(--cream);border-radius:var(--radius);padding:28px 24px;max-width:340px;width:100%;text-align:center}.meditation-card h2{font-family:var(--font-serif);font-size:22px}.meditation-ring{width:140px;height:140px;border-radius:50%;border:3px solid rgba(201,168,76,.5);margin:24px auto;display:flex;align-items:center;justify-content:center;animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.05);opacity:1}}.meditation-time{font-family:var(--font-serif);font-size:32px}.meditation-guide{font-style:italic;opacity:.85;margin:12px 0}.prompt-card{background:#fff;border-radius:var(--radius);padding:16px;margin-bottom:16px;border:1px solid rgba(166,123,91,.15);box-shadow:0 2px 12px #0000000a}.prompt-label{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--wood)}.prompt-text{font-family:var(--font-serif);font-size:17px;color:var(--ink);margin:8px 0 12px;line-height:1.5}.reflection-card{background:#fff;border-radius:var(--radius-sm);padding:14px;margin-bottom:10px;border-left:3px solid var(--jade)}.reflection-prompt{font-size:12px;color:var(--muted);font-style:italic;margin:4px 0}.gratitude-input-row{display:flex;gap:8px;margin-bottom:12px}.gratitude-input-row input{flex:1;padding:12px;border-radius:var(--radius-full);border:1px solid rgba(166,123,91,.25);background:#fff}.gratitude-jar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.gratitude-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#fff8e8,#f5ead0);border-radius:var(--radius-full);font-size:13px;border:1px solid rgba(201,168,76,.3)}.gratitude-chip button{font-size:14px;color:var(--muted);padding:0 2px}.voice-item{display:flex;align-items:center;gap:12px;background:#fff;padding:12px;border-radius:var(--radius-sm);margin-bottom:8px;box-shadow:0 2px 8px #0000000a}.voice-play-btn{width:44px;height:44px;border-radius:50%;background:var(--ink);color:#fff;font-size:16px}.voice-recorder{margin:16px 0}.btn-primary.recording{background:#b44}.achievement-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}.achievement-badge{padding:12px;border-radius:var(--radius-sm);background:var(--cream-deep);text-align:center}.achievement-badge.locked{opacity:.55}.achievement-badge.unlocked{background:linear-gradient(145deg,#f8f0e0,#fff);border:1px solid rgba(201,168,76,.35)}.badge-icon{font-size:28px;display:block;margin-bottom:4px}.achievement-badge strong{font-size:12px;display:block}.achievement-badge p{font-size:10px;color:var(--muted);margin-top:4px;line-height:1.3}.memorial-calendar{margin-top:8px}.cal-month{font-family:var(--font-serif);font-size:18px;color:var(--ink);margin-bottom:12px}.cal-dates{display:flex;flex-direction:column;gap:8px}.cal-event{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);background:var(--cream-deep)}.cal-event.this-month{border:1px solid rgba(166,123,91,.2)}.cal-event.today{background:linear-gradient(135deg,#fff8e8,#f5ead8);border-color:var(--gold)}.cal-emoji{font-size:24px}.cal-event strong{font-size:14px}.cal-event p{font-size:12px;color:var(--muted)}.cal-today-tag{margin-left:auto;font-size:10px;font-weight:700;background:var(--gold);color:#fff;padding:4px 8px;border-radius:var(--radius-full)}.spirit-mist{position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent);pointer-events:none}.vault-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap}.vault-tab{min-width:0;font-size:13px;padding:10px 8px;white-space:nowrap}.garden-card{margin:0 16px 14px;background:#fff;border-radius:var(--radius);padding:18px;box-shadow:0 2px 16px #2c24200f;border:1px solid rgba(166,123,91,.08)}.ritual-card{max-width:360px}.pet-chip.add-pet{border-style:dashed;opacity:.85}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes lantern-drift{0%{transform:translateY(0) translate(0);opacity:.7}50%{transform:translateY(-18px) translate(6px);opacity:1}to{transform:translateY(-36px) translate(-4px);opacity:.4}}.screen{animation:screen-in .45s ease-out}.anim-scale-in{animation:scale-in .35s ease-out}.anim-rise{animation:rise-in .5s ease-out backwards}.anim-float{animation:float-gentle 5s ease-in-out infinite}.particle-field{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.float-lantern{position:absolute;bottom:120px;font-size:20px;animation:lantern-drift 8s ease-in-out infinite;z-index:3;filter:drop-shadow(0 0 8px rgba(255,200,100,.6))}.ritual-chip{transition:transform .2s,box-shadow .2s}.ritual-chip:active{transform:scale(.94);box-shadow:0 0 20px #ffffff4d}.nav-item{transition:transform .15s}.nav-item:active{transform:scale(.92)}.play-screen{padding-bottom:24px}.moon-banner{margin:0 16px 16px;padding:14px 16px;display:flex;gap:12px;align-items:center;background:linear-gradient(135deg,#1a2e28,#2e4a42);color:var(--cream);border-radius:var(--radius);box-shadow:var(--shadow)}.moon-emoji{font-size:32px}.moon-banner p{font-size:12px;opacity:.85}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px}.activity-card{background:#fff;border-radius:var(--radius);padding:16px 12px;text-align:center;border:1px solid rgba(166,123,91,.12);box-shadow:0 4px 16px #0000000d;transition:transform .2s,box-shadow .2s}.activity-card:active{transform:scale(.96)}.activity-card:nth-child(2){animation-delay:.05s}.activity-card:nth-child(3){animation-delay:.1s}.activity-card:nth-child(4){animation-delay:.15s}.activity-icon{font-size:28px;display:block;margin-bottom:6px}.activity-card strong{font-size:13px;color:var(--ink);display:block}.activity-card p{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.35}.play-modal{max-height:85vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:12px;right:14px;font-size:24px;color:var(--muted);z-index:2}.fortune-reveal{text-align:center;padding:16px 0}.fortune-emoji{font-size:48px}.fortune-verse{font-family:var(--font-serif);font-style:italic;margin:12px 0;color:var(--ink)}.fortune-meaning{color:var(--muted);line-height:1.6}.match-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}.match-card{aspect-ratio:1;border-radius:var(--radius-sm);background:linear-gradient(145deg,var(--ink),var(--ink-light));color:var(--cream);font-size:22px;position:relative;transform-style:preserve-3d;transition:transform .45s ease}.match-card.flipped{transform:rotateY(180deg)}.match-card.matched{opacity:.5}.match-front,.match-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;backface-visibility:hidden;border-radius:var(--radius-sm)}.match-back{transform:rotateY(180deg);background:#fff;color:var(--ink)}.wish-tree-visual{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.wish-tag{background:#f0f8f0;padding:8px 12px;border-radius:var(--radius-full);font-size:12px;display:flex;gap:8px;align-items:center}.candle-visual{text-align:center;padding:24px;position:relative}.candle-visual.lit .candle-flame{animation:float-gentle 2s ease-in-out infinite;filter:drop-shadow(0 0 12px orange)}.candle-flame{font-size:56px}.candle-glow{position:absolute;top:20%;right:30%;bottom:20%;left:30%;background:radial-gradient(circle,rgba(255,200,100,.4),transparent);border-radius:50%;animation:pulse-ring 3s ease-in-out infinite}.capsule-row{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.06)}.decor-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0}.bgm-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.bgm-chip{padding:10px 14px;border-radius:var(--radius-full);background:var(--cream-deep);font-size:13px;font-weight:600;border:2px solid transparent}.bgm-chip.active{border-color:var(--ink);background:#fff}.win-msg{text-align:center;font-weight:600;color:var(--ink)}.tap-play-btn{font-size:17px;padding:18px;margin:12px 0}.tap-result{font-family:var(--font-serif);font-style:italic;font-size:15px;line-height:1.6;color:var(--ink);background:var(--cream-deep);padding:14px;border-radius:var(--radius-sm);margin:12px 0;border-left:3px solid var(--gold)}.tap-result.dream-text{text-align:left}.wish-tag-static{display:inline-block;background:#f0f8f0;padding:8px 12px;border-radius:var(--radius-full);font-size:11px;margin:4px;max-width:100%}.reflection-card.compact{padding:10px;margin-top:8px}.reflection-card.compact .letter-content{font-size:13px}.spread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.spread-card{aspect-ratio:3/4;border-radius:var(--radius-sm);background:linear-gradient(160deg,#3d2b1f,#5c4033);color:var(--gold);font-size:28px;font-family:var(--font-serif);border:2px solid rgba(201,168,76,.35);transition:transform .2s,box-shadow .2s;position:relative}.spread-card.selected{border-color:var(--gold);box-shadow:0 0 16px #c9a84c73;transform:translateY(-4px)}.spread-pick-num{position:absolute;top:6px;right:8px;font-size:12px;background:var(--gold);color:#3d2b1f;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.spread-result-row{display:flex;gap:8px;margin:12px 0;overflow-x:auto}.spread-result-card{flex:1;min-width:90px;padding:12px 8px;text-align:center;background:var(--cream-deep);border-radius:var(--radius-sm);border:1px solid rgba(166,123,91,.2)}.spread-result-card.flipped{background:#fff;box-shadow:var(--shadow)}.spread-emoji{font-size:28px;display:block}.spread-result-card strong{font-size:11px;display:block;margin-top:4px;color:var(--muted)}.spread-result-card p{font-size:12px;margin-top:2px}.oracle-reveal-step .reveal-anim{width:100%;margin:12px 0;cursor:pointer}.pillar-row{display:flex;gap:8px;margin:16px 0}.pillar-cell{flex:1;text-align:center;padding:14px 8px;background:linear-gradient(180deg,#1a2e28,#2e4a42);color:var(--cream);border-radius:var(--radius-sm)}.pillar-label{font-size:11px;opacity:.75;display:block;margin-bottom:6px}.pillar-cell strong{font-family:var(--font-serif);font-size:22px;letter-spacing:.08em}.bazi-meta{font-size:13px;color:var(--muted);margin-bottom:16px;text-align:center}.intention-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.intention-chip{padding:16px 8px;border-radius:var(--radius-sm);background:var(--cream-deep);text-align:center;border:2px solid transparent;transition:border-color .2s}.intention-chip.active,.intention-chip:active{border-color:var(--ink);background:#fff}.intention-chip span{font-size:24px;display:block}.intention-chip strong{font-size:12px;display:block;margin-top:6px}.coin-results{display:flex;gap:12px;justify-content:center;margin:20px 0}.coin-face{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:18px;font-weight:600;background:linear-gradient(145deg,#c9a84c,#a67b5b);color:#fff;box-shadow:var(--shadow)}.coin-face.yin{background:linear-gradient(145deg,#5a6a7a,#3d4a56)}.coin-face.empty{background:var(--cream-deep);color:var(--muted)}.bazi-hex{font-family:monospace;letter-spacing:4px;text-align:center;color:var(--ink);margin-bottom:12px}.blessing-pick-grid{display:flex;flex-direction:column;gap:10px;margin:12px 0}.blessing-card{padding:14px;text-align:left;border-radius:var(--radius-sm);background:var(--cream-deep);border:2px solid transparent;font-size:14px;line-height:1.5;transition:border-color .2s}.blessing-card.selected{border-color:var(--jade);background:#fff}.blessing-card.locked{opacity:.6}.dream-deck-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.dream-card{aspect-ratio:2/3;border-radius:var(--radius-sm);background:linear-gradient(160deg,#2e3a5c,#4a5a8a);position:relative;transition:transform .4s,opacity .3s}.dream-card.flipped{transform:rotateY(180deg);background:#fff}.dream-card.faded{opacity:.35}.dream-front,.dream-back{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--cream)}.dream-card.flipped .dream-front{display:none}.duration-chips{display:flex;gap:8px;margin:12px 0}.duration-chip{flex:1;padding:12px;border-radius:var(--radius-full);background:var(--cream-deep);font-weight:600;font-size:13px;border:2px solid transparent}.duration-chip.active{border-color:var(--ink);background:#fff}.seal-stamp{display:block;margin:20px auto;width:100px;height:100px;border-radius:50%;position:relative;background:radial-gradient(circle,#8b2020,#5c1010);color:var(--gold);border:3px solid var(--gold)}.seal-char{font-family:var(--font-serif);font-size:36px;font-weight:700}.seal-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--gold);pointer-events:none}.seal-stamp.tapped{animation:scale-in .25s ease}.candle-game .candle-visual{border:none;width:100%;cursor:pointer}.candle-visual.kindling .candle-flame{filter:drop-shadow(0 0 8px rgba(255,160,60,.5))}.kindle-dots{display:flex;gap:8px;justify-content:center;margin-top:12px}.kindle-dots span{width:10px;height:10px;border-radius:50%;background:#a67b5b40;transition:background .2s}.kindle-dots .lit-dot{background:orange;box-shadow:0 0 8px orange}.star-map{position:relative;width:100%;aspect-ratio:1;margin:16px 0;border-radius:var(--radius);background:radial-gradient(ellipse at center,#1a2840,#0d1520 70%);overflow:hidden}.star-point{position:absolute;transform:translate(-50%,-50%);font-size:22px;color:#ffffff80;transition:color .2s,transform .2s,text-shadow .2s;padding:8px}.star-point.picked,.star-point.hover{color:var(--gold);transform:translate(-50%,-50%) scale(1.2);text-shadow:0 0 12px rgba(201,168,76,.8)}.gate-icon{font-size:40px;margin-bottom:12px;line-height:1}.date-chip{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--muted)}.lang-toggle{display:flex;gap:8px}.lang-toggle button{flex:1;padding:12px;border-radius:var(--radius-sm);background:var(--cream-deep);font-weight:600;border:2px solid transparent}.lang-toggle button.active{border-color:var(--ink);background:#fff}.language-buttons{display:flex;flex-direction:column;gap:12px;margin-top:20px}.chip-dot{width:28px;height:28px;border-radius:50%;background:var(--cream-deep);display:block}.main-nav .nav-label{font-size:11px;font-weight:600}.link-btn.danger{color:#a44}@media(max-width:380px){.shrine-title{font-size:28px}.ritual-chip{padding:8px 12px;font-size:12px}.toolbar-btn{font-size:11px;padding:8px 4px}.achievement-grid{grid-template-columns:1fr}}@media print{.main-nav,.back-btn,.pet-switcher{display:none!important}}.v3-app{background:#0f1420;position:relative}.v3-app .screen{background:transparent}.onboard-shell{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse at top,#1a2840,#0f1420 60%,#0a0e16)}.onboard-card{width:100%;max-width:400px;background:#fffffff5;border-radius:20px;padding:24px 20px;box-shadow:0 20px 60px #00000059}.onboard-card h1{font-family:var(--font-serif);font-size:24px;color:var(--ink);margin-bottom:8px}.onboard-lead{font-size:14px;color:var(--muted);margin-bottom:16px;line-height:1.5}.privacy-note{font-size:12px;color:var(--muted);line-height:1.55;margin:12px 0 16px;padding:10px 12px;background:var(--cream-deep);border-radius:var(--radius-sm)}.step-dots{display:flex;gap:6px;justify-content:center;margin-bottom:16px}.step-dots .dot{width:8px;height:8px;border-radius:50%;background:#2e5c4e33}.step-dots .dot.active{background:var(--ink);transform:scale(1.2)}.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.pick-grid.colors{grid-template-columns:repeat(2,1fr)}.pick-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;border-radius:var(--radius-sm);background:var(--cream-deep);font-size:12px;font-weight:600;border:2px solid transparent;transition:all .15s}.pick-card.selected{border-color:var(--ink);background:#fff;box-shadow:var(--shadow)}.pick-emoji{font-size:28px}.color-swatch,.planet-swatch{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.08)}.onboard-input{width:100%;padding:14px;border-radius:var(--radius-sm);border:1px solid rgba(166,123,91,.25);margin-bottom:12px;font-size:16px}.onboard-nav{display:flex;gap:10px;margin-top:8px}.onboard-nav .btn-primary,.onboard-nav .btn-ghost{flex:1}.home-screen{min-height:100%;padding:calc(12px + var(--safe-top)) 16px calc(var(--nav-h) + 16px);background:radial-gradient(ellipse at 50% 20%,#1e3050,#0f1420 55%,#080b12);position:relative;overflow:hidden}.home-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 60% 70%,rgba(255,255,255,.5),transparent),radial-gradient(1.5px 1.5px at 80% 20%,rgba(255,255,255,.6),transparent)}.home-days{position:relative;z-index:2;text-align:center;font-size:13px;color:#fff8f0d9;margin-bottom:8px;line-height:1.5}.planet-scene{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;padding:20px 0 12px}.planet-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,var(--planet-glow, rgba(201, 168, 76, .28)) 0%,transparent 68%);top:28px;filter:blur(2px);animation:planet-glow-pulse 5s ease-in-out infinite}@keyframes planet-glow-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.planet-stage-wrap{position:relative;width:240px;height:240px;display:flex;align-items:center;justify-content:center}.planet-atmosphere{position:absolute;width:224px;height:224px;border-radius:50%;background:radial-gradient(circle,var(--planet-atmo, rgba(200, 200, 255, .3)) 0%,transparent 72%);z-index:1;pointer-events:none}.planet-sphere{width:200px;height:200px;border-radius:50%;position:relative;z-index:2;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 36% 30%,var(--planet-base, #c8b8e4) 0%,var(--planet-mid, #8f7db5) 48%,var(--planet-deep, #4a3d62) 100%);box-shadow:inset -22px -26px 44px #00000085,inset 14px 12px 32px #fff3,0 20px 48px #0000007a,0 0 56px var(--planet-glow, rgba(180, 160, 220, .4))}.planet-surface-detail{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(ellipse 52% 16% at 24% 56%,rgba(255,255,255,.16) 0%,transparent 100%),radial-gradient(ellipse 38% 12% at 70% 36%,rgba(0,0,0,.18) 0%,transparent 100%),radial-gradient(ellipse 28% 10% at 46% 74%,rgba(0,0,0,.12) 0%,transparent 100%),radial-gradient(ellipse 44% 14% at 78% 62%,rgba(255,255,255,.1) 0%,transparent 100%),radial-gradient(circle at 50% 50%,transparent 55%,rgba(0,0,0,.06) 100%)}.planet-cloud-belt{position:absolute;border-radius:50%;pointer-events:none;z-index:2;background:#ffffff1c;filter:blur(2px)}.planet-cloud-belt.b1{width:68%;height:13%;top:36%;left:16%;transform:rotate(-10deg);opacity:.75;animation:cloud-drift-a 18s ease-in-out infinite}.planet-cloud-belt.b2{width:52%;height:10%;top:58%;left:24%;transform:rotate(6deg);opacity:.55;animation:cloud-drift-b 22s ease-in-out infinite}@keyframes cloud-drift-a{0%,to{transform:rotate(-10deg) translate(0)}50%{transform:rotate(-8deg) translate(6px)}}@keyframes cloud-drift-b{0%,to{transform:rotate(6deg) translate(0)}50%{transform:rotate(8deg) translate(-5px)}}.planet-terminator{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:3;background:radial-gradient(circle at 70% 54%,transparent 28%,rgba(0,0,0,.22) 58%,rgba(0,0,0,.58) 100%)}.planet-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;pointer-events:none;z-index:4;background:radial-gradient(circle at 28% 24%,rgba(255,255,255,.72) 0%,rgba(255,255,255,.22) 14%,transparent 40%)}.planet-rim-light{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:50%;pointer-events:none;z-index:5;box-shadow:inset 0 0 18px #ffffff1f}.planet-pet{position:relative;z-index:8}.pet-sprite{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 8px 22px #00000061,inset 0 -3px 8px #0000001f;border:2px solid rgba(255,255,255,.28)}.planet-decor{position:absolute;font-size:22px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.35));z-index:7}.decor-0{top:18%;left:12%}.decor-1{top:22%;right:10%}.decor-2{bottom:28%;left:8%}.decor-3{bottom:24%;right:12%}.planet-name-label{margin-top:12px;font-family:var(--font-serif);color:#fff8f0e6;font-size:18px}.pet-bubble{position:absolute;top:0;left:50%;transform:translate(-50%);background:#fff;padding:10px 16px;border-radius:20px;box-shadow:var(--shadow);max-width:260px;text-align:center;font-size:14px;animation:bubble-pop .3s ease}.pet-bubble:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#fff}@keyframes bubble-pop{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.pet-anim-water{animation:pet-drink 2.1s ease}.pet-anim-food{animation:pet-eat 2.1s ease}.pet-anim-companion{animation:pet-companion 2.1s ease}.pet-anim-play{animation:pet-play 2.1s ease}@keyframes pet-drink{0%,to{transform:translateY(0) rotate(0) scale(1)}15%{transform:translateY(8px) rotate(-15deg) scale(1.02)}30%{transform:translateY(10px) rotate(-18deg) scale(1.03)}45%{transform:translateY(8px) rotate(-14deg) scale(1.02)}60%{transform:translateY(10px) rotate(-16deg) scale(1.03)}75%{transform:translateY(6px) rotate(-10deg) scale(1.01)}}@keyframes pet-eat{0%,to{transform:scale(1) rotate(0)}15%{transform:scale(1.12) rotate(-8deg)}30%{transform:scale(.92) rotate(5deg)}45%{transform:scale(1.1) rotate(-6deg)}60%{transform:scale(.94) rotate(4deg)}75%{transform:scale(1.06) rotate(-3deg)}}@keyframes pet-companion{0%,to{transform:translateY(0) rotate(0) scale(1)}12%{transform:translateY(-4px) rotate(-6deg) scale(1.04)}28%{transform:translateY(-2px) rotate(8deg) scale(1.06)}44%{transform:translateY(-5px) rotate(-5deg) scale(1.05)}58%{transform:translateY(-3px) rotate(7deg) scale(1.07)}72%{transform:translateY(-4px) rotate(-4deg) scale(1.04)}86%{transform:translateY(-2px) rotate(5deg) scale(1.03)}}@keyframes pet-play{0%,to{transform:translateY(0) rotate(0) scale(1)}10%{transform:translateY(-18px) rotate(-12deg) scale(1.08)}22%{transform:translateY(0) rotate(6deg) scale(.96)}34%{transform:translateY(-22px) rotate(10deg) scale(1.1)}46%{transform:translateY(2px) rotate(-8deg) scale(.94)}58%{transform:translateY(-16px) rotate(14deg) scale(1.08)}70%{transform:translateY(0) rotate(-5deg) scale(.98)}82%{transform:translateY(-12px) rotate(8deg) scale(1.05)}}.care-fx-overlay{position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;z-index:10;pointer-events:none}.care-fx-water .fx-bowl{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:54px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:bowl-pop .45s cubic-bezier(.34,1.56,.64,1) forwards}.care-fx-water .fx-drop{position:absolute;font-size:24px;opacity:0;animation:drop-fall-big 1.15s ease forwards}.care-fx-water .d1{top:-2%;left:44%;animation-delay:.12s}.care-fx-water .d2{top:-8%;left:54%;animation-delay:.32s}.care-fx-water .d3{top:0;left:50%;animation-delay:.52s}.care-fx-water .d4{top:-4%;left:58%;animation-delay:.72s}.care-fx-water .fx-ripple{position:absolute;bottom:26px;left:50%;width:26px;height:11px;border:2.5px solid rgba(255,255,255,.8);border-radius:50%;transform:translate(-50%);animation:ripple-out-big 1.35s ease-out infinite}.care-fx-water .r2{animation-delay:.42s}.care-fx-water .r3{animation-delay:.84s}.care-fx-food .fx-plate{position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:52px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.4));animation:bowl-pop .4s cubic-bezier(.34,1.56,.64,1) forwards}.care-fx-food .fx-crumb{position:absolute;font-size:24px;opacity:0;animation:crumb-pop-big 1.05s ease forwards}.care-fx-food .c1{bottom:54%;left:40%;animation-delay:.18s}.care-fx-food .c2{bottom:62%;left:52%;animation-delay:.38s}.care-fx-food .c3{bottom:58%;left:46%;animation-delay:.58s}.care-fx-food .c4{bottom:66%;left:36%;animation-delay:.78s}.care-fx-companion .fx-hug{position:absolute;top:18%;right:6%;font-size:46px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35));animation:hug-enter .5s cubic-bezier(.34,1.56,.64,1) forwards,hug-sway 1.6s ease .5s}.care-fx-companion .fx-warm-ring{position:absolute;top:50%;left:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;border:3px solid rgba(255,200,220,.7);animation:warm-ring-pulse 1.8s ease-out forwards}.care-fx-companion .fx-heart{position:absolute;font-size:22px;opacity:0;animation:heart-float 1.8s ease forwards}.care-fx-companion .h1{bottom:42%;left:38%;animation-delay:.2s;font-size:26px}.care-fx-companion .h2{bottom:50%;left:52%;animation-delay:.38s}.care-fx-companion .h3{bottom:58%;left:44%;animation-delay:.55s;font-size:24px}.care-fx-companion .h4{bottom:48%;left:30%;animation-delay:.72s;font-size:20px}.care-fx-companion .h5{bottom:62%;left:56%;animation-delay:.9s;font-size:20px}.care-fx-play .fx-ball{position:absolute;font-size:36px;left:18%;bottom:18%;filter:drop-shadow(0 3px 8px rgba(0,0,0,.35));animation:ball-bounce-arc 2s ease-in-out forwards}.care-fx-play .fx-ball-shadow{position:absolute;bottom:14px;left:22%;width:28px;height:8px;background:#00000038;border-radius:50%;animation:ball-shadow-scale 2s ease-in-out forwards}.care-fx-play .fx-toy{position:absolute;bottom:8px;right:14%;font-size:34px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.3));animation:toy-wiggle .55s ease .35s 3}.care-fx-play .fx-spark{position:absolute;font-size:20px;opacity:0;animation:spark-pop .55s ease forwards}.care-fx-play .s1{bottom:38%;left:28%;animation-delay:.18s}.care-fx-play .s2{bottom:55%;left:42%;animation-delay:.48s;font-size:24px}.care-fx-play .s3{bottom:32%;left:52%;animation-delay:.78s}.care-fx-play .s4{bottom:48%;left:36%;animation-delay:1.08s;font-size:18px}@keyframes hug-enter{0%{opacity:0;transform:translate(24px) scale(.4) rotate(20deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes hug-sway{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-8deg) scale(1.05)}50%{transform:rotate(6deg) scale(1.03)}75%{transform:rotate(-4deg) scale(1.04)}}@keyframes warm-ring-pulse{0%{transform:scale(.5);opacity:.9}to{transform:scale(2.2);opacity:0}}@keyframes heart-float{0%{opacity:0;transform:translateY(8px) scale(.3)}25%{opacity:1;transform:translateY(-6px) scale(1.15)}to{opacity:0;transform:translateY(-48px) scale(.85)}}@keyframes ball-bounce-arc{0%{transform:translate(0) rotate(0);opacity:0}8%{opacity:1}18%{transform:translate(38px,-52px) rotate(120deg)}36%{transform:translate(78px) rotate(240deg)}54%{transform:translate(118px,-44px) rotate(360deg)}72%{transform:translate(88px) rotate(480deg)}88%{transform:translate(48px,-28px) rotate(600deg)}to{transform:translate(20px) rotate(680deg);opacity:.6}}@keyframes ball-shadow-scale{0%,to{transform:scaleX(1);opacity:.35}18%,54%,88%{transform:scaleX(.55);opacity:.15}36%,72%{transform:scaleX(.6);opacity:.18}}@keyframes toy-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-18deg) translateY(-4px)}75%{transform:rotate(14deg) translateY(-2px)}}@keyframes spark-pop{0%{opacity:0;transform:scale(.2)}40%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(.7) translateY(-16px)}}@keyframes bowl-pop{0%{opacity:0;transform:translate(-50%) translateY(20px) scale(.35)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes drop-fall-big{0%{opacity:0;transform:translateY(-24px) scale(.5)}22%{opacity:1}to{opacity:0;transform:translateY(58px) scale(1.05)}}@keyframes ripple-out-big{0%{transform:translate(-50%) scale(.35);opacity:.95}to{transform:translate(-50%) scale(4.8);opacity:0}}@keyframes crumb-pop-big{0%{opacity:0;transform:scale(.15) translateY(12px)}32%{opacity:1;transform:scale(1.28) translateY(-10px)}to{opacity:0;transform:scale(.85) translateY(-32px)}}@keyframes pet-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pet-nod{0%,to{transform:rotate(0)}30%{transform:rotate(-8deg)}60%{transform:rotate(8deg)}}@keyframes pet-sway{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes pet-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.action-dock{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px;border-radius:16px;background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff8f0;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.15);transition:transform .12s,background .12s}.action-btn:active{transform:scale(.94);background:#ffffff38}.action-emoji{font-size:24px}.share-btn{position:relative;z-index:2;margin-top:14px;width:100%}.guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:20px 16px;overflow-y:auto}.guide-overlay-center{align-items:center;justify-content:center}.guide-card{width:100%;max-width:400px;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow-lg)}.guide-text{font-size:15px;line-height:1.6;margin-bottom:16px;color:var(--text)}.planet-share-card{position:relative;border-radius:16px;overflow:hidden;min-height:220px;margin:0}.share-card-white-pad{background:#fff;padding:28px;border-radius:20px;box-shadow:0 4px 24px #00000014;margin:16px 0}.share-modal-overlay{background:#f0f0f0f2}.share-card-modal{background:#fafafa;border-radius:24px;padding:24px 20px;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.share-card-modal h2{font-family:var(--font-serif);font-size:22px;text-align:center;margin-bottom:4px}.share-card-bg{position:absolute;top:0;right:0;bottom:0;left:0}.share-card-body{position:relative;padding:32px 20px;text-align:center;color:#fff}.share-emoji{font-size:56px;display:block;margin-bottom:8px}.share-days{margin-top:8px;opacity:.9}.choice-card{display:block;width:100%;text-align:left;padding:16px;margin-bottom:10px;border-radius:var(--radius);background:var(--cream-deep);border:2px solid transparent}.choice-card.selected{border-color:var(--ink);background:#fff}.choice-card p{font-size:13px;color:var(--muted);margin-top:8px;line-height:1.5}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag-chip{padding:8px 12px;border-radius:var(--radius-full);background:var(--cream-deep);font-size:12px;font-weight:600;border:2px solid transparent}.tag-chip.on{border-color:var(--ink);background:#fff}.match-card{text-align:center}.match-emoji{font-size:48px;display:block;margin:12px 0}.preset-row{display:flex;gap:8px;margin-bottom:10px;justify-content:center}.bottle-section{overflow:hidden}.bottle-stage{text-align:center;padding:12px 0}.bottle-float{font-size:64px;display:block;margin:0 auto 12px;animation:bottle-bob 2.5s ease-in-out infinite;background:none;border:none;cursor:pointer}.bottle-stage.open .bottle-float{animation:bottle-open 1s ease forwards}@keyframes bottle-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}@keyframes bottle-open{0%{transform:scale(1)}50%{transform:scale(1.2) rotate(15deg)}to{transform:scale(1) rotate(0)}}.bottle-content{background:var(--cream-deep);border-radius:var(--radius-sm);padding:12px;margin-bottom:12px;text-align:left}.fragments-display{font-size:36px;font-weight:700;color:var(--ink)}.charity-row{display:flex;align-items:center;gap:12px}.charity-emoji{font-size:32px}.btn-sm-inline{width:auto;padding:10px 16px;flex-shrink:0}.hint-msg.center{text-align:center;padding:12px}.community-screen,.charity-screen{background:var(--cream);padding-bottom:calc(var(--nav-h) + 16px)}.v3-nav{background:#0f1420f2;border-top-color:#ffffff14}.v3-nav .nav-item{color:#ffffff80}.v3-nav .nav-item.active{color:#fff8f0}.v3-nav .nav-icon{background:#ffffff14}.v3-nav .nav-item.active .nav-icon{background:var(--ink-light)}.full-screen{min-height:100dvh;width:100%}.v3-app .screen{min-height:0;flex:1;display:flex;flex-direction:column}.star-fragment-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;margin:0 0 8px;border-radius:999px;font-size:13px;font-weight:600;width:fit-content;max-width:calc(100% - 8px)}.star-fragment-bar.variant-dark{position:relative;z-index:5;margin:calc(4px + var(--safe-top)) auto 4px;background:#ffffff1f;color:#fff8f0;border:1px solid rgba(255,255,255,.18)}.star-fragment-bar.variant-light{margin:calc(8px + var(--safe-top)) 16px 0;background:#fff;color:var(--ink);box-shadow:var(--shadow)}.sfb-icon{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9c4,#c9a84c);box-shadow:0 0 8px #c9a84c99}.sfb-count{margin-left:auto;font-size:16px;font-weight:700}.app-toast{position:fixed;top:calc(12px + var(--safe-top));left:50%;transform:translate(-50%);z-index:300;padding:12px 20px;border-radius:999px;background:#141c28eb;color:#fff8f0;font-size:14px;font-weight:600;box-shadow:0 8px 32px #00000059;display:flex;align-items:center;gap:8px;animation:toast-in .3s ease}.toast-gain{background:linear-gradient(135deg,#2e5c4e,#3d7a68)}.toast-error{background:linear-gradient(135deg,#8b4513,sienna)}.toast-spark{width:14px;height:14px;border-radius:50%;background:#ffe194}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.community-optin-screen{min-height:100%;display:flex;flex-direction:column;background:var(--cream)}.optin-center{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 16px calc(var(--nav-h) + 24px)}.optin-card{width:100%;max-width:380px;margin:0}.optin-card h1{font-family:var(--font-serif);font-size:22px;margin-bottom:12px;text-align:center}.home-screen{flex:1;display:flex;flex-direction:column;padding:8px 16px calc(var(--nav-h) + 12px)}.planet-scene{flex:1;min-height:280px;justify-content:center}.planet-orbit-ring{position:absolute;width:260px;height:260px;border-radius:50%;border:1px dashed rgba(255,255,255,.15);animation:orbit-spin 24s linear infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}.planet-surface-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.35),transparent 55%);pointer-events:none}.pet-bubble{position:absolute;top:4px;left:50%;transform:translate(-50%);background:linear-gradient(180deg,#fff,#f8f4ee);padding:12px 18px;border-radius:22px;box-shadow:0 8px 24px #0003;max-width:280px;text-align:center;font-size:14px;line-height:1.45;z-index:10;border:1px solid rgba(255,255,255,.8)}.bubble-tail{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:16px;height:16px;background:#f8f4ee;clip-path:polygon(50% 100%,0 0,100% 0)}.action-dock{gap:10px;margin-top:auto;padding-top:8px}.action-btn{padding:14px 8px;border-radius:18px;min-height:72px;justify-content:center}.action-icon{width:32px;height:32px;border-radius:10px;background:#fff3;display:block;background-size:20px 20px;background-repeat:no-repeat;background-position:center}.icon-water{background-image:radial-gradient(circle,#7ec8e3 40%,transparent 41%),linear-gradient(#5a9e8f,#3d7a68);background-size:12px 12px,100% 100%}.icon-food{background:linear-gradient(135deg,#e8944a,#c45c5c);border-radius:8px 8px 12px 12px}.icon-heart{background:radial-gradient(circle at 50% 35%,#ff8a9b,#c45c7a);clip-path:path("M16 28 C16 28 4 18 4 10 C4 4 10 2 16 8 C22 2 28 4 28 10 C28 18 16 28 16 28");width:28px;height:28px}.icon-play{background:radial-gradient(circle at 35% 35%,#ffe194,#c9a84c);border-radius:50%;box-shadow:inset -3px -3px #00000026}.share-btn{margin-top:10px;padding:14px;display:flex;align-items:center;justify-content:center;gap:8px}.share-icon{width:18px;height:18px;background:radial-gradient(circle,#ffe194,#c9a84c);border-radius:50%}.pet-figure{position:relative;width:80px;height:80px}.pet-body{width:64px;height:56px;border-radius:50% 50% 45% 45%;margin:12px auto 0;position:relative;box-shadow:inset -4px -4px 12px #00000026,0 4px 12px #0003}.pet-ear{position:absolute;width:18px;height:22px;background:inherit;border-radius:50% 50% 20% 20%;top:-8px;filter:brightness(.92)}.pet-ear-l{left:8px;transform:rotate(-15deg)}.pet-ear-r{right:8px;transform:rotate(15deg)}.species-rabbit .pet-ear{height:28px;width:14px;top:-14px}.species-bird .pet-ear{display:none}.species-turtle .pet-body{border-radius:45%;height:48px}.species-turtle .pet-ear,.species-turtle .pet-tail{display:none}.pet-face{position:absolute;top:14px;right:12px;bottom:10px;left:12px}.pet-eye{position:absolute;width:8px;height:10px;background:#2c2420;border-radius:50%;top:6px}.pet-eye-l{left:10px}.pet-eye-r{right:10px}.pet-nose{position:absolute;width:8px;height:6px;background:#5a4035;border-radius:50%;left:50%;top:18px;transform:translate(-50%)}.pet-mouth{position:absolute;width:12px;height:6px;border-bottom:2px solid #5a4035;border-radius:0 0 12px 12px;left:50%;top:24px;transform:translate(-50%)}.pet-tail{position:absolute;width:16px;height:16px;background:inherit;border-radius:50%;right:-6px;bottom:8px;filter:brightness(.9)}.anim-water .pet-body{animation:pet-drink 1.1s ease}.anim-food .pet-mouth{animation:pet-chew .8s ease infinite}.anim-companion .pet-body{animation:pet-sway .9s ease}.anim-play .pet-figure{animation:pet-bounce .7s ease}@keyframes pet-drink{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(4px) rotate(-8deg)}70%{transform:translateY(2px) rotate(-5deg)}}@keyframes pet-chew{0%,to{transform:translate(-50%) scaleY(1)}50%{transform:translate(-50%) scaleY(.6)}}.action-prop{position:absolute;pointer-events:none}.prop-water{left:-28px;bottom:0}.water-bowl{display:block;width:36px;height:14px;background:linear-gradient(#6b9fd4,#4a7eb8);border-radius:0 0 18px 18px;border:2px solid rgba(255,255,255,.4)}.water-drops i{display:block;width:4px;height:8px;background:#7ec8e3;border-radius:50%;position:absolute;animation:drop-fall .6s ease infinite}.water-drops i:nth-child(1){left:14px;top:-8px;animation-delay:0s}.water-drops i:nth-child(2){left:20px;top:-12px;animation-delay:.2s}.water-drops i:nth-child(3){left:26px;top:-6px;animation-delay:.4s}@keyframes drop-fall{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.prop-food{right:-30px;bottom:4px}.food-bowl{display:block;width:34px;height:12px;background:#c45c5c;border-radius:0 0 16px 16px}.food-chunks i{display:block;width:8px;height:8px;background:#e8944a;border-radius:2px;position:absolute;animation:chunk-eat .5s ease infinite}.food-chunks i:nth-child(1){right:8px;top:-6px}.food-chunks i:nth-child(2){right:16px;top:-10px;animation-delay:.15s}@keyframes chunk-eat{0%,to{opacity:1;transform:translateY(0)}50%{opacity:0;transform:translateY(8px)}}.prop-companion{top:-20px;left:50%;transform:translate(-50%)}.heart-pulse{width:20px;height:20px;background:#ff8a9b;transform:rotate(45deg);animation:heart-beat .8s ease infinite}.heart-pulse:before,.heart-pulse:after{content:"";position:absolute;width:20px;height:20px;background:#ff8a9b;border-radius:50%}.heart-pulse:before{left:-10px}.heart-pulse:after{top:-10px}@keyframes heart-beat{0%,to{transform:rotate(45deg) scale(1)}50%{transform:rotate(45deg) scale(1.15)}}.prop-play{right:-24px;top:20px}.toy-ball{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#ffe194,#c9a84c);animation:ball-roll .7s ease infinite}@keyframes ball-roll{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(8px) rotate(180deg)}}.decor-icon{display:block;width:24px;height:24px;border-radius:6px;background:#ffffff59}.decor-yarn{background:radial-gradient(circle,#e8944a,#c45c5c);border-radius:50%}.decor-bone{background:linear-gradient(#f5f0e8,#d4c4a8);border-radius:8px}.decor-ball{background:radial-gradient(circle at 30% 30%,#fff,#2e5c4e);border-radius:50%}.qa-bottle-sea{padding:8px 0}.bottle-sea-lead{font-size:13px;color:var(--muted);line-height:1.55;margin-bottom:12px;text-align:left}.sea-stage{position:relative;border-radius:16px;overflow:hidden;min-height:220px;background:linear-gradient(180deg,#87ceeb,#5a9fd4 45%,#2e5c78)}.sea-sky{height:40%;background:linear-gradient(180deg,#b8d4f0,#87ceeb)}.sea-water{position:relative;height:60%;overflow:hidden}.sea-wave{position:absolute;width:200%;height:24px;left:-50%;background:#ffffff26;border-radius:50%}.sea-wave.w1{top:4px;animation:wave-move 3s ease-in-out infinite}.sea-wave.w2{top:16px;animation:wave-move 4s ease-in-out infinite reverse;opacity:.6}@keyframes wave-move{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.sea-bottle{position:absolute;background:none;border:none;cursor:pointer;padding:0;z-index:2}.sea-bottle .bottle-glass{display:block;width:28px;height:48px;background:linear-gradient(90deg,#b4dcb4b3,#78b4a0e6);border-radius:6px 6px 10px 10px;border:2px solid rgba(255,255,255,.5);box-shadow:0 4px 12px #0003}.sea-bottle.main .bottle-glass{width:34px;height:56px}.sea-bottle.main .bottle-scroll{position:absolute;top:12px;left:50%;transform:translate(-50%);width:18px;height:14px;background:#f5f0e8;border-radius:2px;box-shadow:0 1px 2px #0003}.sea-bottle.b1{left:15%;bottom:28px;animation:bottle-drift 3s ease-in-out infinite}.sea-bottle.b2{right:18%;bottom:40px;animation:bottle-drift 3.5s ease-in-out infinite .5s}.sea-bottle.b3{left:42%;bottom:22px;animation:bottle-drift 2.8s ease-in-out infinite 1s}@keyframes bottle-drift{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.sea-stage.picking .sea-bottle.main{animation:bottle-pickup 1.2s ease forwards}@keyframes bottle-pickup{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-80px) scale(1.2)}to{transform:translateY(-120px) scale(.8);opacity:0}}.pick-splash{position:absolute;left:42%;bottom:30px;width:40px;height:20px;background:#ffffff80;border-radius:50%;animation:splash .6s ease}@keyframes splash{0%{transform:scale(0);opacity:1}to{transform:scale(2);opacity:0}}.sea-hint{position:absolute;bottom:8px;width:100%;text-align:center;font-size:12px;color:#ffffffd9}.bottle-letter{text-align:left;margin-top:16px}.letter-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.letter-icon{width:32px;height:32px;background:linear-gradient(135deg,#5a9fd4,#2e5c78);border-radius:8px}.letter-block{background:var(--cream-deep);border-radius:12px;padding:12px;margin-bottom:10px;border-left:3px solid var(--ink-light)}.letter-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.letter-text{font-size:14px;line-height:1.55;color:var(--ink)}.letter-text.highlight{font-weight:600;color:var(--ink-light)}.letter-from{font-size:12px;color:var(--muted);margin-top:8px;font-style:italic}.letter-actions{display:flex;gap:10px;margin-top:12px}.letter-actions .btn-primary,.letter-actions .btn-ghost{flex:1}.charity-option{margin-bottom:12px}.charity-header{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.charity-icon-wrap{font-size:28px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--cream-deep);border-radius:12px}.charity-stat{font-size:13px;color:#8b4513;font-weight:600;line-height:1.5;margin-bottom:8px}.charity-impact{font-size:14px;line-height:1.55;margin-bottom:8px}.charity-partner{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:12px;padding-top:8px;border-top:1px solid rgba(166,123,91,.15)}.charity-redeem-btn{width:100%}.charity-cost{font-size:13px;color:var(--muted);margin-top:2px}.hint-msg.error{color:sienna;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:250;background:#00000080;display:flex;align-items:center;justify-content:center;padding:20px}.modal-sheet{width:100%;max-width:360px;background:#fff;border-radius:20px;padding:24px;box-shadow:var(--shadow-lg)}.guide-pick-list{display:flex;flex-direction:column;gap:8px;margin:16px 0}.guide-pick-btn{padding:14px;border-radius:12px;background:var(--cream-deep);font-weight:600;text-align:left;border:2px solid transparent}.guide-pick-btn:active{border-color:var(--ink);background:#fff}.gate-icon-star{width:56px;height:56px;margin:0 auto 16px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#fff9c4,#c9a84c);box-shadow:0 0 24px #c9a84c80}.v3-nav .nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:0 2px}.v3-nav .nav-label{font-size:10px;max-width:100%;overflow:hidden;text-overflow:ellipsis}.sea-water-full{position:relative;min-height:200px;background:linear-gradient(180deg,#87ceeb,#4a90c2,#2e6a9e);border-radius:16px;overflow:hidden}.sea-bottle-emoji{position:absolute;font-size:48px;line-height:1;background:none;border:none;cursor:pointer;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35));z-index:3;padding:0}.sea-bottle-emoji.main{font-size:56px}.sea-bottle-emoji.b1{left:12%;bottom:35%;animation:bottle-drift 3s ease-in-out infinite}.sea-bottle-emoji.b2{right:14%;bottom:45%;animation:bottle-drift 3.5s ease-in-out infinite .5s}.sea-bottle-emoji.b3{left:40%;bottom:30%;animation:bottle-drift 2.8s ease-in-out infinite 1s}.sea-stage.picking .sea-bottle-emoji.main{animation:bottle-pickup 1.2s ease forwards}.letter-emoji{font-size:32px}.action-emoji{font-size:26px;line-height:1}.action-remain{font-size:10px;opacity:.75;background:#ffffff26;padding:2px 6px;border-radius:8px}.home-limit-hint{text-align:center;font-size:11px;color:#fff8f0a6;margin-bottom:4px}.action-fx{position:absolute;font-size:28px;animation:fx-pop 1s ease forwards;pointer-events:none}.fx-water{top:-20px;right:-16px}.fx-food{top:-8px;left:-20px}.fx-heart{top:-28px;left:50%;transform:translate(-50%)}.fx-play{right:-24px;top:10px}@keyframes fx-pop{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(1) translateY(-12px)}}