:root{--page:#fff8f0;--sky:#a9d8ff;--sky-soft:#ddf3ff;--ocean:#73d2cf;--sand:#f7da91;--card:#fff;--card-soft:#fffdf7;--warm:#fff3e8;--primary:#f6b37f;--primary-pressed:#e89c63;--primary-light:#fff1e6;--blue:#6ec6f5;--green:#6ee7a8;--text:#373126;--text-secondary:#7d7972;--text-tertiary:#a5a29d;--border-light:#eee7dd;--border:#e2d8cc;--bubble:#f5ffd9;--edge:15px;--content:min(calc(100vw - var(--edge) * 2), 360px)}@media (width<=374px){:root{--edge:10px}}@media (width>=414px){:root{--edge:20px}}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 18% 7%,#ddf3fff2 0 110px,#0000 170px),radial-gradient(circle at 82% 11%,#fff3e8f5 0 120px,#0000 185px),linear-gradient(#fff8f0 0%,#fffdf7 46%,#ddf3ff 100%);margin:0;font-family:Noto Sans SC,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea{font:inherit}.app{width:100%;min-height:100vh;padding:20px var(--edge) calc(30px + env(safe-area-inset-bottom));justify-content:center;display:flex}.app-webview .app{padding-top:max(72px, calc(56px + env(safe-area-inset-top)))}.phone{width:var(--content);min-height:min(844px,100vh - 40px);position:relative}.screen{min-height:min(844px,100vh - 40px);animation:.42s both screenIn;display:none}.screen.active{display:block}@keyframes screenIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.brand{color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;font-weight:700;line-height:20px;display:inline-flex}.brand-mark{border:1px solid var(--border-light);background:#fff;border-radius:999px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 2px 6px #0000000a}.back{border:1px solid var(--border-light);width:40px;height:40px;color:var(--text);background:#ffffffb8;border-radius:999px}.home-back{display:none}.app-webview .back{place-items:center;display:inline-grid}#dreamHistoryButton,.dream-history,.dream-history-entry{display:none!important}.hero{margin-bottom:20px;padding-top:20px}h1,h2,h3,p{margin:0}h1{letter-spacing:0;font-size:26px;font-weight:700;line-height:34px}.sub{color:var(--text-secondary);margin-top:10px;font-size:14px;line-height:22px}.hero-note{border:1px solid var(--border-light);color:var(--text-secondary);background:#ffffffa8;border-radius:20px;margin-top:15px;padding:15px;font-size:14px;line-height:22px}.hero-note strong{color:var(--text);margin-bottom:5px;font-size:16px;line-height:24px;display:block}.analysis-flow{gap:10px;margin-top:15px;display:grid}.flow-card{border:1px solid var(--border-light);background:#ffffffb8;border-radius:20px;grid-template-columns:36px 1fr;align-items:start;gap:10px;padding:12px 15px;display:grid}.flow-icon{width:36px;height:36px;color:var(--primary-pressed);background:var(--primary-light);border-radius:15px;place-items:center;font-size:16px;font-weight:700;line-height:24px;display:grid}.flow-title{color:var(--text);font-size:14px;font-weight:700;line-height:22px}.flow-text{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:20px}.page-title{font-size:26px;font-weight:700;line-height:34px}.input-title{margin-top:10px;font-size:18px;font-weight:700;line-height:24px}.dream-shell{border:1px solid var(--border-light);background:radial-gradient(circle at 90% 0,#a9d8ff80,#0000 110px),linear-gradient(#fff 0%,#fffdf7 100%);border-radius:25px;padding:20px;box-shadow:0 4px 12px #0000000f}textarea{resize:vertical;width:100%;min-height:190px;color:var(--text);background:0 0;border:0;outline:0;font-size:16px;line-height:24px}textarea::placeholder{color:#cfcbc5}textarea.has-error{outline-offset:8px;outline:2px solid #e89c63}.dream-input-hint{color:#d66f4b;min-height:20px;margin-top:8px;font-size:13px;font-weight:700;line-height:20px}.primary{color:#fff;background:var(--primary);border:0;border-radius:20px;width:100%;height:50px;margin-top:20px;font-size:16px;font-weight:700;line-height:24px;box-shadow:0 4px 12px #0000000f}.primary:active{background:var(--primary-pressed)}.primary:disabled{opacity:.72;cursor:wait}.sea{pointer-events:none;opacity:.55;background:radial-gradient(90px 30px at 18% 76%,#73d2cf73,#0000 70%),radial-gradient(120px 35px at 66% 82%,#6ec6f559,#0000 70%),linear-gradient(#0000,#73d2cf40);height:125px;position:fixed;bottom:0;left:0;right:0}.process-card{background:radial-gradient(circle at 50% 12%,#a9d8ff9e,#0000 150px),linear-gradient(#ffffffc7,#fffdf7eb);border:1px solid #eee7dde6;border-radius:25px;min-height:620px;padding:20px;position:relative;overflow:hidden}.process-card:before{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle at 28% 42%,#6ec6f538,#0000 86px),radial-gradient(circle at 72% 55%,#f6b37f33,#0000 96px),radial-gradient(circle at 48% 72%,#6ee7a821,#0000 88px);height:340px;animation:7.8s ease-in-out infinite auroraFloat;position:absolute;inset:90px -70px auto}.process-title{text-align:center;margin-top:10px;font-size:22px;font-weight:700;line-height:30px}.process-subtitle{color:var(--text-secondary);text-align:center;margin-top:8px;font-size:14px;line-height:22px}.thinking-dots{vertical-align:middle;gap:5px;margin-left:5px;display:inline-flex}.thinking-dots span{background:var(--primary);opacity:.35;border-radius:999px;width:5px;height:5px;animation:1.4s ease-in-out infinite dotBlink}.thinking-dots span:nth-child(2){animation-delay:.18s}.thinking-dots span:nth-child(3){animation-delay:.36s}@keyframes dotBlink{0%,to{opacity:.28;transform:translateY(0)}45%{opacity:1;transform:translateY(-5px)}}.keyword-field{z-index:1;height:430px;margin-top:30px;animation:6.8s ease-in-out infinite mapBreath;position:relative}.map-svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.map-svg path{fill:none;stroke:#6ec6f57a;stroke-width:2px;stroke-linecap:round;stroke-dasharray:7 9;filter:drop-shadow(0 0 8px #6ec6f559);animation:3.6s linear infinite pathFlow,4.2s ease-in-out infinite pathPulse}.keyword{border:1px solid var(--border-light);min-width:86px;max-width:128px;min-height:48px;color:var(--text);text-align:center;background:#fff;border-radius:18px;place-items:center;padding:10px 14px;font-size:12px;font-weight:700;line-height:20px;animation:6.2s cubic-bezier(.45,0,.2,1) infinite nodeFloat,3.6s ease-in-out infinite cardGlow;display:grid;position:absolute;box-shadow:0 7px 18px #37312612}.keyword:after{content:"";opacity:0;border:1px solid #6ec6f52e;border-radius:22px;animation:3.6s ease-in-out infinite nodeRing;position:absolute;inset:-6px}.k1{background:#f5ffd9;animation-delay:0s;top:54px;left:6px}.k2{background:#fff3e8;animation-delay:.42s;top:86px;right:6px}.k3{background:#ddf3ff;animation-delay:.84s;top:182px;left:104px}.k4{background:#fff;animation-delay:1.26s;top:302px;left:22px}.k5{background:#fffdf7;animation-delay:1.68s;top:320px;right:20px}@keyframes nodeFloat{0%,to{opacity:.9;transform:translate(0,0)scale(1)}38%{opacity:1;transform:translateY(-8px)scale(1.035)}68%{opacity:.94;transform:translateY(5px)scale(.99)}}@keyframes cardGlow{0%,to{box-shadow:0 7px 18px #37312612}50%{box-shadow:0 10px 24px #6ec6f538}}@keyframes nodeRing{0%,to{opacity:0;transform:scale(.96)}50%{opacity:1;transform:scale(1.05)}}@keyframes mapBreath{0%,to{opacity:.94;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-4px)scale(1.012)}}@keyframes auroraFloat{0%,to{opacity:.78;transform:translate(0,0)scale(1)}50%{opacity:1;transform:translateY(16px)scale(1.04)}}@keyframes pathFlow{to{stroke-dashoffset:-32px}}@keyframes pathPulse{0%,to{opacity:.34}50%{opacity:.95}}.section{border-bottom:1px solid #eee7ddb8;flex-direction:column;justify-content:center;min-height:auto;padding:35px 0;display:flex}.section:first-of-type{padding-top:10px}.section:last-of-type{border-bottom:0}.result-title{font-size:22px;font-weight:700;line-height:30px}.quote-title{margin-top:15px;font-size:26px;font-weight:700;line-height:34px}.summary-card,.card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:20px;box-shadow:0 2px 6px #0000000a}.summary-card{background:radial-gradient(circle at 82% 0,#f7da9161,#0000 120px),#fff;margin-top:25px}.weirdness-card{border:1px solid var(--border-light);background:linear-gradient(135deg,#fff3e8 0%,#fff 100%);border-radius:20px;margin-top:15px;padding:15px}.index-list{gap:15px;margin-top:20px;display:grid}.weirdness-top{color:var(--text);justify-content:space-between;align-items:baseline;gap:10px;font-weight:700;display:flex}.weirdness-score{color:var(--primary-pressed);font-size:26px;line-height:34px}.weirdness-level{color:var(--text);margin-top:5px;font-size:16px;font-weight:700;line-height:24px}.weirdness-bar{background:#ddf3ff;border-radius:999px;height:15px;margin-top:10px;overflow:hidden}.weirdness-bar span{background:linear-gradient(90deg, var(--primary), var(--ocean));border-radius:999px;height:100%;display:block}.auspicious-card{background:linear-gradient(135deg,#f5ffd9 0%,#fff 100%)}.auspicious-score{color:#5fbf86}.auspicious-bar span{background:linear-gradient(90deg,#6ee7a8,#6ec6f5)}.body{color:var(--text-secondary);font-size:16px;line-height:24px}.map-table{gap:12px;margin-top:20px;display:grid}.map-header{color:var(--text-secondary);grid-template-columns:.9fr 1fr 1fr;align-items:center;gap:10px;padding:0 5px;font-size:13px;font-weight:700;line-height:20px;display:grid}.map-row{border:1px solid var(--border-light);background:#ffffffd1;border-radius:20px;gap:10px;padding:12px;display:grid}.map-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.map-cell{border:1px solid var(--border-light);min-height:58px;color:var(--text);text-align:center;background:#fff;border-radius:15px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 12px;font-size:14px;line-height:22px;display:flex}.map-cell.element{background:var(--warm);min-height:52px;font-size:16px;font-weight:700;line-height:24px}.map-label{color:var(--text-tertiary);font-size:12px;font-weight:700;line-height:20px}.map-meta{color:var(--text-tertiary);margin-top:8px;font-size:13px;line-height:20px;display:block}.tabs{border:1px solid var(--border-light);background:#ffffffb8;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0 15px;padding:5px;display:grid}.tab{height:40px;color:var(--text-secondary);background:0 0;border:0;border-radius:15px;font-size:12px;font-weight:700;line-height:20px}.tab.active{color:#fff;background:var(--primary)}.tab-panel{display:none}.tab-panel.active{display:block}.angle-title{margin-bottom:10px;font-size:18px;font-weight:700;line-height:24px}.dashboard{gap:10px;margin-top:15px;display:grid}.meter-card{border:1px solid var(--border-light);background:#fff;border-radius:15px;padding:15px}.subconscious-card{margin-top:20px}.meter-top{color:var(--text);justify-content:space-between;font-size:14px;font-weight:700;line-height:22px;display:flex}.water{background:#ddf3ff;border-radius:999px;height:20px;margin-top:10px;overflow:hidden}.water span{background:radial-gradient(circle at 20% 20%, #ffffff8f 0 8px, transparent 9px), linear-gradient(90deg, var(--blue), var(--ocean));border-radius:999px;height:100%;animation:1.8s ease-in-out infinite wave;display:block}@keyframes wave{0%,to{transform:translate(0)}50%{transform:translate(5px)}}.top3{gap:10px;margin-top:15px;display:grid}.chip-card{background:var(--warm);text-align:left;min-height:auto;color:var(--text);border-radius:15px;flex-direction:column;justify-content:center;align-items:stretch;gap:6px;padding:12px 15px;font-size:16px;font-weight:700;line-height:24px;display:flex}.chip-title{font-size:16px;font-weight:700;line-height:24px}.error-card{color:var(--text-secondary);border:1px solid var(--border-light);background:#fff3e8;border-radius:15px;margin-top:15px;padding:15px;font-size:14px;line-height:22px}.trigger-list,.advice-list{gap:15px;margin-top:20px;display:grid}.trigger-card,.advice-card{border:1px solid var(--border-light);background:#fff;border-radius:20px;padding:20px}.follow-card{color:inherit;border:1px solid var(--border-light);background:radial-gradient(circle at 92% 8%,#a9d8ff7a,#0000 85px),linear-gradient(135deg,#fff3e8 0%,#fff 100%);border-radius:20px;margin-top:20px;padding:20px;text-decoration:none;display:block;box-shadow:0 2px 6px #0000000a}.follow-head{justify-content:space-between;align-items:center;gap:15px;margin-bottom:10px;display:flex}.follow-title{color:var(--text);font-size:22px;font-weight:700;line-height:30px}.follow-otter{object-fit:cover;object-position:center;background:#fff;border:1px solid #eee7dde6;border-radius:15px;flex:none;width:50px;height:50px}.follow-button{color:#fff;background:var(--primary);border-radius:15px;justify-content:center;align-items:center;height:45px;margin-top:15px;font-size:16px;font-weight:700;line-height:24px;display:flex;box-shadow:0 4px 12px #f6b37f38}.card-kicker{color:var(--primary-pressed);margin-bottom:5px;font-size:12px;font-weight:700;line-height:20px}.card-title{margin-bottom:10px;font-size:18px;font-weight:700;line-height:24px}.bottom-action{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border:1px solid #eee7dde6;border-radius:25px;flex-direction:column;justify-content:center;min-height:96px;margin-top:20px;padding:10px;display:flex}.bottom-action-grid{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.action-btn{color:#fff;background:var(--primary);border:0;border-radius:15px;justify-content:center;align-items:center;width:100%;height:48px;min-height:48px;padding:0 10px;font-size:14px;font-weight:700;line-height:20px;display:flex}.action-btn.secondary{color:var(--text);border:1px solid var(--border-light);background:#fff}.action-btn.wide{grid-column:1/-1}.share-note{min-height:20px;color:var(--text-tertiary);text-align:center;margin-top:8px;font-size:12px;line-height:20px}.share-note:empty{min-height:0;margin-top:0;display:none}.share-preview{border:1px solid var(--border-light);background:#fff;border-radius:20px;margin-top:15px;padding:15px;display:none}.share-preview.active{display:block}.share-download{color:#fff;background:var(--primary);border-radius:15px;justify-content:center;align-items:center;height:45px;font-size:16px;font-weight:700;line-height:24px;text-decoration:none;display:flex}.share-preview img{border:1px solid var(--border-light);border-radius:15px;width:100%;height:auto;margin-top:15px;display:block}.share-back{border:1px solid var(--border-light);width:100%;height:45px;color:var(--text);background:#fff;border-radius:15px;margin-top:15px;font-size:16px;font-weight:700;line-height:24px}@media (width<=374px){h1,.quote-title{font-size:22px;line-height:30px}.top3{grid-template-columns:1fr}}