:root{color:#201d24;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efedf1;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}html{scrollbar-gutter:stable both-edges}body{min-height:100dvh}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{background:#fff;width:100%;max-width:430px;min-height:100dvh;margin:0 auto;box-shadow:0 0 24px #1f1b2314}.app-shell__content{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom))}.page{min-height:calc(100dvh - 48px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;gap:24px;display:flex}.page__header{gap:8px;display:grid}.page__eyebrow,.page__description{color:#6d6672;margin:0}.page__eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:700}.page__title{margin:0;font-size:clamp(1.75rem,8vw,2.25rem);line-height:1.1}.page__content,.nav-list{gap:12px;display:grid}.nav-list{margin-top:auto}.button,.chip,.story-node,.story-card,.bottom-player{color:inherit;background:#f8f6f9;border:1px solid #ded9e2;border-radius:14px}.button{justify-content:center;align-items:center;min-height:44px;padding:10px 16px;text-decoration:none;display:inline-flex}.button--primary{color:#fff;background:#201d24;border-color:#201d24}.chip{width:fit-content;padding:8px 12px;text-decoration:none;display:inline-flex}.resonance-graph{border:1px dashed #bdb5c3;border-radius:18px;gap:12px;padding:16px;display:grid}.story-node,.story-card,.bottom-player{padding:16px}.echo-input{gap:12px;display:grid}.echo-input textarea{resize:vertical;border:1px solid #cfc8d3;border-radius:14px;min-height:160px;padding:14px}.echo-input__chips{flex-wrap:wrap;gap:8px;display:flex}.overlay-backdrop{z-index:10;background:#17141973;place-items:end center;padding:16px;display:grid;position:fixed;inset:0}.story-overlay{background:#fff;border-radius:20px;width:min(100%,398px);padding:20px;box-shadow:0 18px 50px #14111640}.story-overlay__actions{gap:10px;margin-top:20px;display:grid}@media (width<=430px){:root{background:#fff}.app-shell{box-shadow:none}}.player-page{--player-ink:#142238;--player-muted:#7889a4;--player-cyan:#12bdd3;min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding:calc(58px + env(safe-area-inset-top)) 21px calc(16px + env(safe-area-inset-bottom));color:var(--player-ink);background:radial-gradient(circle at 5% 12%,#c7f7fae0,#0000 37%),radial-gradient(circle at 90% 24%,#e7e2ff9e,#0000 34%),radial-gradient(circle at 45% 79%,#e2f9d9a1,#0000 36%),radial-gradient(circle at 95% 72%,#fff7d1ad,#0000 32%),linear-gradient(#f3fbfe 0%,#fcfdff 55%,#f4f9f8 100%);overflow:hidden}.player-page button{color:inherit;cursor:pointer;border:0}.player-header{z-index:3;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:relative}.player-icon-button,.favorite-button,.echo-entry-card__arrow{background:#ffffffc7;border-radius:999px;flex:none;place-items:center;display:grid;box-shadow:0 7px 18px #324d6c14;border:1px solid #dce4f1cc!important}.player-icon-button{width:39px;height:39px}.player-playlist-title{white-space:nowrap;justify-content:center;align-items:baseline;gap:7px;min-width:0;margin:0;display:flex}.player-playlist-title span{color:#9aa9bf;font-size:12px}.player-playlist-title strong{text-overflow:ellipsis;font-size:16px;font-weight:650;overflow:hidden}.player-header-actions{gap:7px;display:flex}.turntable{aspect-ratio:1;width:min(82vw,355px);margin:18px auto 0;position:relative}.vinyl-disc{background:#171e2a;border:8px solid #ffffffeb;border-radius:50%;place-items:center;animation:10s linear infinite paused vinyl-spin;display:grid;position:absolute;inset:0;box-shadow:0 15px 32px #1f48642e,0 0 0 1px #54d8eb5c}.vinyl-disc:before,.vinyl-disc:after,.vinyl-disc__grooves{content:"";pointer-events:none;border:1px solid #73859b33;border-radius:50%;position:absolute}.vinyl-disc:before{inset:14px}.vinyl-disc:after{inset:32px}.vinyl-disc__grooves{inset:50px}.vinyl-disc--playing{animation-play-state:running}.vinyl-disc__cover{z-index:1;aspect-ratio:1;object-fit:cover;background:#274452;border-radius:50%;width:66%;position:relative}.tonearm{z-index:2;pointer-events:none;width:112px;height:92px;position:absolute;top:-13px;right:18px}.tonearm__pivot{background:#23c2d7;border:3px solid #b9c7d9;border-radius:50%;width:13px;height:13px;position:absolute;top:0;right:0}.tonearm__bar{transform-origin:100%;background:#9baabd;border-radius:99px;width:105px;height:4px;position:absolute;top:15px;right:7px;transform:rotate(-34deg)}.tonearm__head{background:#354a66;border-radius:4px;width:24px;height:11px;position:absolute;top:73px;left:2px;transform:rotate(-43deg)}.echo-home-page{min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding:calc(55px + env(safe-area-inset-top)) 20px calc(18px + env(safe-area-inset-bottom));color:#18243a;background:radial-gradient(circle at 18% 11%,#e2f6ffc7,#0000 32%),radial-gradient(circle at 87% 70%,#e7e3ffa6,#0000 35%),linear-gradient(#f4f8ff 0%,#f9fbff 58%,#f5f6ff 100%);overflow:hidden}.echo-home-page button{cursor:pointer;border:0}.echo-home-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.echo-home-back,.echo-song-pill{color:#4c5d78;background:#ffffffd1;border:1px solid #bfeaff;border-radius:999px;align-items:center;min-height:38px;display:flex;box-shadow:0 5px 14px #274e7712}.echo-home-back{gap:5px;padding:0 14px;font-size:14px;transition:transform .12s}.echo-home-back:active,.leave-echo-cta>button:active{transform:scale(.94)}.echo-home-back svg,.echo-song-pill svg{color:#0797d0}.echo-song-pill{border-color:#e4e9f1;gap:8px;min-width:0;padding:0 13px;font-size:13px}.echo-song-pill span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.echo-song-pill i{background:#28d49d;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #28d49db3}.echo-home-intro{margin-top:19px}.echo-home-kicker{color:#258fc5;align-items:center;gap:7px;margin:0;font-size:14px;display:flex}.echo-home-kicker svg{color:#6e61f3}.echo-home-intro h1{letter-spacing:.01em;margin:14px 0 0;font-family:ui-serif,Songti SC,SimSun,serif;font-size:31px;font-weight:500;line-height:1.22}.echo-home-subtitle{color:#898b91;margin:6px 0 0;font-family:ui-serif,Songti SC,SimSun,serif;font-size:16px}.echo-graph-card{background:radial-gradient(circle at 22% 25%,#d5f7ffad,#0000 34%),radial-gradient(circle at 67% 23%,#eee1ff80,#0000 31%),radial-gradient(circle at 40% 72%,#e9f9cb8a,#0000 38%),radial-gradient(circle at 82% 73%,#dee5ffb3,#0000 39%),#fafdffe6;border:1px solid #d9effa;border-radius:21px;height:500px;margin-top:28px;position:relative;overflow:hidden}.echo-constellation{touch-action:none;width:100%;height:100%}.echo-constellation canvas{display:block}.echo-graph-hint{z-index:2;color:#53627b;pointer-events:none;background:#ffffffe8;border:1px solid #b9e8fb;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:min(238px,100% - 40px);min-height:36px;font-size:13px;display:flex;position:absolute;bottom:19px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #28739412}.echo-graph-hint svg{color:#009add}.leave-echo-cta{color:#fff;background:linear-gradient(100deg,#0d2b45,#1f2147) padding-box padding-box,linear-gradient(100deg,#16bff3,#8264fa,#f3cb37) border-box;border:2px solid #0000;border-radius:38px;grid-template-columns:46px minmax(0,1fr) 45px;align-items:center;gap:12px;min-height:76px;margin-top:54px;padding:10px 13px;display:grid;box-shadow:0 8px 20px #27427724}.leave-echo-cta__icon{color:#b2e9fb;background:#0f3a58;border:1px solid #1689b4;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.leave-echo-cta__copy h2{align-items:center;gap:6px;margin:0;font-size:17px;font-weight:500;display:flex}.leave-echo-cta__copy h2 svg{color:#ffd14a}.leave-echo-cta__copy p{color:#99abc1;margin:4px 0 0;font-size:12px}.leave-echo-cta>button{color:#fff;background:linear-gradient(145deg,#3a5be4,#078fda);border-radius:50%;place-items:center;width:43px;height:43px;padding:0;transition:transform .12s;display:grid}@media (width<=390px){.echo-home-page{padding-left:16px;padding-right:16px}.echo-home-intro h1{font-size:29px}.echo-song-pill{max-width:190px}}@media (height<=850px){.echo-home-page{padding-top:calc(22px + env(safe-area-inset-top))}.echo-home-intro{margin-top:13px}.echo-home-intro h1{margin-top:9px;font-size:27px}.echo-graph-card{height:425px;margin-top:16px}.leave-echo-cta{margin-top:22px}}.story-group-page{min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding-top:calc(23px + env(safe-area-inset-top));color:#203049;background:linear-gradient(#eef7ff,#f5f7ff 45%,#f0fbff);overflow:hidden}.story-group-page button{color:inherit;cursor:pointer;border:0}.story-group-topbar{justify-content:space-between;align-items:center;padding:0 22px;display:flex}.story-group-topbar button{background:0 0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.story-group-topbar>div{gap:8px;display:flex}.story-group-topbar>div button:last-child{background:#f8fbff;border:1px solid #d6e0ed}.story-group-heading{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;padding:0 20px;display:flex}.story-group-heading h1{align-items:center;gap:12px;margin:0;font-family:ui-serif,Songti SC,serif;font-size:21px;font-weight:500;display:flex}.story-group-heading h1 i{background:#18c8aa;border-radius:50%;width:10px;height:10px;box-shadow:0 0 12px #18c8aa}.story-group-heading p{color:#7689a5;margin:8px 0 0 18px;font-size:12px}.story-group-heading>div:last-child{gap:7px;display:flex}.story-group-heading>div:last-child button{background:#fff;border:1px solid #dde5ef;border-radius:13px;align-items:center;gap:5px;height:38px;padding:0 12px;display:flex;box-shadow:0 4px 12px #2342640d}.story-group-heading>div:last-child button:first-child{justify-content:center;width:38px;padding:0}.story-group-tabs{background:#e5ecf5;border-radius:17px;grid-template-columns:1fr 1fr;gap:4px;margin:31px 20px 0;padding:5px;display:grid}.story-group-tabs button{color:#7586a0;background:0 0;border-radius:14px;min-height:36px}.story-group-tabs button.active{color:#23334a;background:#fff;box-shadow:0 3px 10px #2e4a6d12}.story-group-graph-wrap{background:radial-gradient(circle at 50% 49%,#c4f9e7a6,#0000 32%),radial-gradient(circle at 20% 17%,#dce0ffb3,#0000 36%),linear-gradient(135deg,#eff4ff,#f7fffd);border-top:1px dotted #f1d68f;border-bottom:1px dotted #f1d68f;height:650px;margin-top:28px;position:relative;overflow:hidden}.story-resonance-graph{touch-action:none;width:100%;height:100%}.story-resonance-graph canvas{display:block}.story-group-hint{color:#5f708b;white-space:nowrap;pointer-events:none;background:#ffffffe0;border:1px solid #bdeaff;border-radius:999px;margin:0;padding:8px 18px;font-size:12px;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.leave-echo-page{min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding:calc(30px + env(safe-area-inset-top)) 20px calc(24px + env(safe-area-inset-bottom));color:#293950;background:radial-gradient(circle at 5% 40%,#fff8d7a6,#0000 32%),radial-gradient(circle at 95% 11%,#eee4ffa6,#0000 35%),linear-gradient(#f3f8ff,#fffefa 60%,#f1f6ff)}.leave-echo-page button{cursor:pointer}.leave-echo-header{justify-content:space-between;display:flex}.leave-echo-header button{color:#667790;background:#ffffffd1;border:1px solid #dfe6ee;border-radius:999px;align-items:center;gap:6px;min-height:38px;padding:0 13px;display:flex}.leave-echo-intro{margin-top:27px}.leave-echo-intro>p{color:#71839d;letter-spacing:.19em;align-items:center;gap:9px;margin:0;font-size:12px;display:flex}.leave-echo-intro>p i{background:#31bdf2;border-radius:50%;width:7px;height:7px;box-shadow:0 0 9px #31bdf2}.leave-echo-intro h1{margin:19px 0 0;font-family:ui-serif,Songti SC,serif;font-size:30px;font-weight:500;line-height:1.35}.leave-story-box{background:#ffffffe8;border:1px solid #e1e7ed;border-radius:27px;margin-top:26px;padding:20px 19px 16px;box-shadow:0 12px 26px #344c680f}.leave-story-box.has-error{border-color:#f4b6a8}.leave-story-box textarea{resize:none;color:#26384e;background:0 0;border:0;outline:0;width:100%;height:300px;font-family:ui-serif,Songti SC,serif;font-size:19px;line-height:1.5}.leave-story-box textarea::placeholder{color:#a6b5ca;opacity:1}.leave-story-tools{color:#8b8b8b;border-top:1px solid #dedede;justify-content:space-between;align-items:center;padding-top:13px;display:flex}.leave-story-tools>div{gap:6px;display:flex}.leave-story-tools button{color:#303030;background:0 0;border:0;place-items:center;width:35px;height:35px;display:grid}.leave-story-tools span{font:12px ui-serif,serif}.leave-story-error{color:#c06d5c;margin:7px 13px 0;font-size:12px}.memory-anchor-section{margin-top:13px}.memory-anchor-section header{color:#6e8098;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.memory-anchor-section header p{margin:0}.memory-anchor-section header span{color:#e58c18;align-items:center;gap:4px;display:flex}.memory-anchor-grid{grid-template-columns:repeat(3,1fr);gap:9px 12px;margin-top:16px;display:grid}.memory-anchor-grid button{color:#53647d;background:#ffffff94;border:1px solid #dce5ee;border-radius:999px;min-height:37px;padding:0 8px;font-size:14px}.memory-anchor-grid button:first-child{border-color:#a8e6ff}.memory-anchor-grid button:nth-child(3){border-color:#ffe089}.memory-anchor-grid button:nth-child(4){border-color:#e1e1e1}.memory-anchor-grid button:nth-child(5){border-color:#e7c7ff}.memory-anchor-grid button:nth-child(6){border-color:#a4efd4}.memory-anchor-grid button.active{color:#fff;background:#31445e;border-color:#31445e;box-shadow:0 5px 13px #23344d26}.anonymous-note{color:#676c72;align-items:center;gap:9px;margin:32px 8px 0;font-size:13px;display:flex}.find-echo-button{color:#fff;background:linear-gradient(100deg,#234a72,#3b5875);border:0;border-radius:999px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:54px;margin-top:27px;font-size:17px;transition:transform .12s;display:flex;box-shadow:0 9px 18px #1f43662b}.find-echo-button:active{transform:scale(.98)}.find-echo-button svg{color:#a9e8ff}.leave-echo-footer{color:#a0b0c4;text-align:center;margin:13px 0 0;font-family:ui-serif,Songti SC,serif;font-size:12px}@media (height<=850px){.story-group-graph-wrap{height:510px}.leave-echo-page{padding-top:calc(18px + env(safe-area-inset-top))}.leave-echo-intro{margin-top:18px}.leave-echo-intro h1{margin-top:12px;font-size:27px}.leave-story-box{margin-top:17px}.leave-story-box textarea{height:230px}.anonymous-note{margin-top:20px}.find-echo-button{margin-top:19px}}.matching-page{--matching-ink:#24344f;min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding:calc(20px + env(safe-area-inset-top)) 20px calc(17px + env(safe-area-inset-bottom));color:var(--matching-ink);background:radial-gradient(circle at 22% 27%,#c2f6f7a8,#0000 34%),radial-gradient(circle at 79% 17%,#f0f6ca94,#0000 32%),radial-gradient(circle at 72% 55%,#e1e2ffa3,#0000 35%),linear-gradient(#f2f9fb 0%,#eef7fb 50%,#f5f8fc 100%);overflow:hidden}.matching-page button{color:inherit;cursor:pointer;border:0}.matching-header{justify-content:space-between;align-items:center;display:flex}.matching-header>div{align-items:center;gap:8px;display:flex}.matching-header button{background:0 0;place-items:center;width:40px;height:40px;padding:0;display:grid}.matching-header .matching-user-button{background:#ffffff7a;border:1px solid #d9e3ed;border-radius:50%}.matching-meta{justify-content:space-between;align-items:center;gap:10px;margin-top:24px;display:flex}.matching-meta span{color:#52627a;letter-spacing:.03em;white-space:nowrap;background:#ffffffc2;border:1px solid #e1e6ec;border-radius:999px;align-items:center;gap:7px;min-height:31px;padding:0 12px;font-size:11px;display:flex;box-shadow:0 3px 9px #3e58740d}.matching-meta span>i{background:#13bd8c;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #13bd8c6b}.matching-meta span:last-child>i{box-shadow:none;background:#ffb514}.matching-meta svg{color:#f4a600}.matching-stages{background:#ffffffe0;border:1px solid #dbe5ed;border-radius:24px;grid-template-columns:1fr 1.18fr 1.18fr;align-items:center;min-height:62px;margin:35px 0 0;padding:0 10px;list-style:none;display:grid;box-shadow:0 9px 22px #3556750f}.matching-stages li{color:#c9d2dd;white-space:nowrap;align-items:center;gap:7px;min-width:0;font-family:ui-serif,Songti SC,serif;font-size:12px;display:flex;position:relative}.matching-stages li>b{background:#e3e9ef;width:18px;height:2px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.matching-stage-marker{color:#fff;border:1px solid #dfe7ef;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;display:grid}.matching-stage-marker i{background:#e7ecf1;border-radius:50%;width:7px;height:7px}.matching-stages li[data-status=active]{color:#33445e}.matching-stages li[data-status=active] .matching-stage-marker{background:#4d55e8;border:5px solid #3ec6df;box-shadow:0 0 0 5px #3acde238,0 0 16px #37b1e74d}.matching-stages li[data-status=active] .matching-stage-marker i{background:#baf8ff;width:5px;height:5px}.matching-stages li[data-status=done]{color:#314159}.matching-stages li[data-status=done] .matching-stage-marker{background:#24354d;border-color:#24354d}.matching-stages li[data-status=done]>b{background:#64d8e7}.echo-orbit-scene{perspective:780px;height:375px;position:relative}.echo-orbit-system{width:278px;height:278px;transform-style:preserve-3d;position:absolute;top:50%;left:50%;transform:translate(-50%,-48%)}.echo-orbit-boundary{border:1px dashed #7aacd033;border-radius:50%;position:absolute;inset:-9px}.echo-orbit{width:286px;height:142px;transform-style:preserve-3d;will-change:transform;border:1px solid #3db2ee59;border-radius:50%;position:absolute;top:50%;left:50%}.echo-orbit--a{animation:12s linear infinite orbit-a}.echo-orbit--b{border-color:#6454f057;animation:15s linear infinite reverse orbit-b}.echo-orbit--c{border-color:#2fcca147;animation:18s linear infinite orbit-c}.story-dot{border-radius:50%;width:9px;height:9px;position:absolute;transform:translateZ(8px);box-shadow:0 0 9px}.story-dot--cyan{color:#18bddd;background:currentColor}.story-dot--purple{color:#7558ef;background:currentColor}.story-dot--yellow{color:#ffba18;background:currentColor}.story-dot--green{color:#20c591;background:currentColor}.story-dot--blue{color:#4191ef;background:currentColor}.story-dot--pink{color:#ff496c;background:currentColor}.echo-core-halo,.echo-core{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.echo-core-halo{pointer-events:none;animation:2.4s ease-in-out infinite core-breathe}.echo-core-halo--outer{border:2px solid #4663e561;width:122px;height:122px;box-shadow:0 0 34px #2bace433}.echo-core-halo--inner{background:#ffffff8f;border:4px solid #12b8d1;width:102px;height:102px;animation-delay:-1.2s;box-shadow:inset 0 0 24px #5048eb24,0 0 22px #0abbd642}.echo-core{text-align:center;background:#ffffffe0;place-content:center;width:85px;height:85px;display:grid;box-shadow:0 0 34px #5557e72e}.echo-core strong{color:#175a96;margin-top:4px;font-family:ui-serif,Songti SC,serif;font-size:23px;font-weight:650}.echo-core__signal{justify-content:center;align-items:center;gap:12px;height:25px;display:flex}.echo-core__signal i{background:#23cadf;border-radius:999px;width:7px;height:18px}.echo-core__signal i:nth-child(2){background:#7950ec;height:30px}.echo-core__signal i:nth-child(3){background:#ffb719}.orbit-mood{z-index:2;color:#6b63ed;background:#ffffffe0;border:1px solid;border-radius:999px;align-items:center;gap:8px;min-height:34px;padding:0 14px;font-family:ui-serif,Songti SC,serif;font-size:13px;display:flex;position:absolute;box-shadow:0 5px 14px #4059790f}.orbit-mood i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px}.orbit-mood--light{color:#ffb514;top:76px;right:9px}.orbit-mood--heal{color:#14bd8d;bottom:49px;left:6px}.orbit-mood--release{color:#13afd2;bottom:38px;right:4px}.resonance-wave-card{background:#ffffffe0;border:1px solid #dce6ef;border-radius:22px;min-height:166px;padding:17px 15px 13px;box-shadow:0 10px 25px #33506e12}.resonance-wave-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.resonance-wave-card h1{align-items:center;gap:8px;margin:0;font-family:ui-serif,Songti SC,serif;font-size:18px;font-weight:500;display:flex}.resonance-wave-card h1 svg{color:#3864e9}.resonance-wave-card header>span{color:#85919f;white-space:nowrap;border:1px solid #9ddff8;border-radius:999px;align-items:center;gap:6px;min-height:27px;padding:0 10px;font-size:10px;display:flex}.resonance-wave-card header>span i,.matching-progress-copy>i,.matching-footer-note i{background:#13bd92;border-radius:50%;width:7px;height:7px}.resonance-bars{background:#f7fafc;border-radius:15px;justify-content:space-around;align-items:center;height:62px;margin-top:12px;padding:0 10px;display:flex;overflow:hidden}.resonance-bar{width:7px;height:30px;animation:resonance-wave calc(1.2s + var(--bar-index) * 35ms) ease-in-out infinite alternate;animation-delay:calc(var(--bar-index) * -85ms);will-change:transform, opacity;background:#24c8c1;border-radius:999px}.resonance-bar--blue{background:#21ace5}.resonance-bar--purple{background:#5f5cf1}.resonance-bar--yellow{background:#ffb915}.resonance-bar--violet{background:#944ae9}.resonance-bar--green{background:#2dc98d}.resonance-bar--mint{background:#50d9c8}.matching-progress-track{background:#eef3f7;border:1px solid #d8e2eb;border-radius:999px;height:5px;margin-top:12px;position:relative}.matching-progress-track span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#2bc7c5,#348ee9,#7757ed);transition:transform .38s;position:absolute;inset:0}.matching-progress-track i{background:#fff;border-radius:50%;width:9px;height:9px;transition:left .38s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px #386ad240}.matching-progress-copy{color:#75859c;align-items:center;gap:8px;margin:12px 0 0;font-family:ui-serif,Songti SC,serif;font-size:12px;display:flex}.matching-progress-copy span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.matching-error{color:#6963da;background:#f6f9fc;border-radius:16px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:94px;margin-top:12px;padding:13px;display:grid}.matching-error div{gap:3px;display:grid}.matching-error strong{color:#34445c;font-size:13px;font-weight:600}.matching-error span{color:#8b99ac;font-size:11px}.matching-error button{color:#fff;background:#344d70;border-radius:999px;min-height:34px;padding:0 13px;font-size:12px;transition:transform .12s}.matching-error button:active{transform:scale(.94)}.matching-footer-note{color:#9baabe;justify-content:center;align-items:center;gap:8px;margin:22px 0 0;font-family:ui-serif,Songti SC,serif;font-size:12px;display:flex}.matching-footer-note i{background:#1ec7de}@keyframes orbit-a{0%{transform:translate(-50%,-50%)rotateX(66deg)rotate(18deg)}to{transform:translate(-50%,-50%)rotateX(66deg)rotate(378deg)}}@keyframes orbit-b{0%{transform:translate(-50%,-50%)rotateX(68deg)rotate(72deg)}to{transform:translate(-50%,-50%)rotateX(68deg)rotate(432deg)}}@keyframes orbit-c{0%{transform:translate(-50%,-50%)rotateX(63deg)rotate(132deg)}to{transform:translate(-50%,-50%)rotateX(63deg)rotate(492deg)}}@keyframes core-breathe{0%,to{opacity:.72;transform:translate(-50%,-50%)scale(.96)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}}@keyframes resonance-wave{0%{opacity:.55;transform:translateY(4px)scaleY(.38)}50%{opacity:.9;transform:translateY(-2px)scaleY(.78)}to{opacity:1;transform:translateY(-5px)scaleY(1.32)}}@media (width<=390px){.matching-page{padding-left:16px;padding-right:16px}.matching-meta span{padding:0 9px;font-size:10px}.matching-stages{padding:0 7px}.matching-stages li{gap:5px;font-size:11px}.matching-stages li>b{width:13px;right:1px}.matching-stage-marker{width:24px;height:24px}}@media (height<=850px){.matching-page{padding-top:calc(12px + env(safe-area-inset-top))}.matching-meta{margin-top:12px}.matching-stages{min-height:56px;margin-top:20px}.echo-orbit-scene{height:330px}.echo-orbit-system{transform:translate(-50%,-50%)scale(.9)}.resonance-wave-card{min-height:154px;padding-top:14px}.resonance-bars{height:53px;margin-top:9px}.matching-footer-note{margin-top:14px}}@media (prefers-reduced-motion:reduce){.echo-orbit{animation-duration:36s}.echo-core-halo{animation:none}.resonance-bar{animation-duration:3s}.matching-progress-track span,.matching-progress-track i{transition-duration:0s}}.matching-stages{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);min-height:68px;padding:0 19px}.matching-stage-step{color:#c5cfdb;white-space:nowrap;justify-content:center;align-items:center;gap:9px;min-width:0;font-family:ui-serif,Songti SC,serif;font-size:13px;display:flex}.matching-stage-step[data-status=pending]{opacity:.58}.matching-stage-step[data-status=active],.matching-stage-step[data-status=done]{color:#314159;opacity:1}.matching-stage-step[data-status=active] .matching-stage-marker{background:#5453e9;border:5px solid #3ec6df;box-shadow:0 0 0 5px #3acde238,0 0 16px #485dec47}.matching-stage-step[data-status=active] .matching-stage-marker i{background:#c5fbff;width:5px;height:5px}.matching-stage-step[data-status=done] .matching-stage-marker{background:#24354d;border-color:#24354d}.matching-stage-connector{background:#e1e8ef;border-radius:99px;min-width:28px;height:2px;list-style:none}.matching-stage-step[data-status=done]+.matching-stage-connector{background:linear-gradient(90deg,#57d7e8,#7181ed)}.echo-orbit-scene{height:390px}.echo-orbit-system{width:min(88vw,368px);height:340px;transform:translate(-50%,-49%)}.echo-orbit-boundary{inset:3px 12px}.echo-orbit{border-width:1.25px;width:352px;height:202px}.echo-orbit--a{border-color:#1fb1e06b}.echo-orbit--b{border-color:#604ce061}.echo-orbit--c{border-color:#2cc7a44f}.story-dot{width:11px;height:11px}.story-dot:first-child{top:-5px;left:51%}.story-dot:nth-child(2){bottom:10%;right:5%}.story-dot:nth-child(3){bottom:-5px;left:16%}.echo-core-halo--far{border:1px solid #3fc2d647;width:164px;height:164px;box-shadow:0 0 42px #3a5de026}.echo-core-halo--outer{width:138px;height:138px}.echo-core-halo--inner{width:116px;height:116px}.echo-core{width:96px;height:96px}.echo-core strong{font-size:26px}.is-success .echo-core,.is-success .echo-core-halo{animation:.5s both echo-success}.orbit-mood--night{top:48px;left:6px}.orbit-mood--light{top:64px;right:3px}.orbit-mood--heal{bottom:46px;left:0}.orbit-mood--release{bottom:36px;right:0}.resonance-signal{background:#edf3f7;border:1px solid #d7e2eb;border-radius:999px;height:6px;margin-top:13px;position:relative;overflow:hidden}.resonance-signal span{opacity:.68;background:linear-gradient(90deg,#0000,#29c9ca 20%,#398ee9 52%,#7a5be9 80%,#0000) 0 0/170% 100%;animation:2.8s ease-in-out infinite alternate resonance-flow;position:absolute;inset:0}.resonance-signal i{background:#fff;border-radius:50%;width:12px;height:12px;animation:2.8s ease-in-out infinite alternate resonance-beacon;position:absolute;top:50%;left:0;transform:translate(-50%,-50%);box-shadow:0 0 5px #fff,0 0 13px #537ee9}.matching-signal-copy{color:#75859c;align-items:center;gap:8px;margin:12px 0 0;font-family:ui-serif,Songti SC,serif;font-size:12px;display:flex}.matching-signal-copy i{background:#13bd92;border-radius:50%;width:7px;height:7px}.matching-pause-button{background:#ffffffc2;border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:18px;font-family:ui-serif,Songti SC,serif;font-size:15px;transition:transform .12s,border-color .16s;display:flex;box-shadow:0 6px 17px #39526f0d;color:#3a4b65!important;border:1px solid #ccd9e5!important}.matching-pause-button:active{transform:scale(.98)}.matching-pause-button svg{color:#5753eb}.matching-footer-note{margin-top:13px}.matching-page.is-paused .echo-orbit,.matching-page.is-paused .story-dot,.matching-page.is-paused .echo-core-halo,.matching-page.is-paused .resonance-bar,.matching-page.is-paused .resonance-signal span,.matching-page.is-paused .resonance-signal i{animation-play-state:paused!important}.matching-page.is-paused .matching-stage-marker{animation-play-state:paused}@keyframes resonance-flow{0%{opacity:.45;background-position:100% 0}to{opacity:1;background-position:-70% 0}}@keyframes resonance-beacon{0%{left:1%}to{left:99%}}@keyframes echo-success{0%{filter:brightness();transform:translate(-50%,-50%)scale(1)}55%{filter:brightness(1.14);transform:translate(-50%,-50%)scale(.965)}to{filter:brightness(1.04);transform:translate(-50%,-50%)scale(1.025)}}.match-result-page{min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding:calc(20px + env(safe-area-inset-top)) 20px calc(42px + env(safe-area-inset-bottom));color:#23324a;background:radial-gradient(circle at 12% 7%,#fff9e0a6,#0000 28%),radial-gradient(circle at 85% 23%,#e4efffb8,#0000 32%),linear-gradient(#fffdf8 0%,#f3f8ff 48%,#f5fbff 100%);overflow-x:hidden}.match-result-page button{color:inherit;cursor:pointer;border:0}.match-result-header{justify-content:space-between;align-items:center;display:flex}.match-result-header>div{align-items:center;gap:8px;display:flex}.match-result-header button{background:0 0;place-items:center;width:40px;height:40px;padding:0;display:grid}.match-result-header .match-result-user{background:#ffffff8a;border:1px solid #dbe4ed;border-radius:50%}.match-result-intro{text-align:center;margin-top:22px}.match-result-intro>p{color:#52617a;background:#ffffffb8;border:1px solid #ffe08b;border-radius:999px;align-items:center;gap:8px;min-height:31px;margin:0;padding:0 14px;font-size:12px;display:inline-flex;box-shadow:0 4px 12px #a481260f}.match-result-intro>p i{background:#ffad12;border-radius:50%;width:8px;height:8px}.match-result-intro h1{color:#13223a;margin:22px 0 0;font-family:ui-serif,Songti SC,serif;font-size:30px;font-weight:500;line-height:1.35}.match-result-intro h1 strong{color:#0000;background:linear-gradient(90deg,#c78a18,#0a8da6,#4d67ec);-webkit-background-clip:text;background-clip:text;font-weight:650}.my-story-map{background:radial-gradient(circle at 50% 49%,#ffe8975c,#0000 21%),radial-gradient(circle at 57% 58%,#c7f6e878,#0000 35%),linear-gradient(145deg,#fbfdff,#f7fbff);border:1px solid #dce7ef;border-radius:27px;height:328px;margin-top:18px;position:relative;overflow:hidden;box-shadow:0 9px 22px #344e6c0d}.my-story-group,.my-story-label,.my-story-node{z-index:3;background:#ffffffe6;border-radius:999px;align-items:center;display:flex;position:absolute}.my-story-group{color:#485875;border:1px solid #ffd968;gap:8px;min-height:34px;padding:0 15px;font-family:ui-serif,Songti SC,serif;font-size:13px;top:17px;left:17px}.my-story-group svg{color:#df8500}.my-story-map__rings{width:252px;height:252px;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.my-story-map__ring,.my-story-map__axis,.my-story-map__ray,.my-story-map__point,.my-story-map__core{display:block;position:absolute}.my-story-map__ring{border-radius:50%}.my-story-map__ring--outer{border:1px dashed #cadcf0;inset:0}.my-story-map__ring--inner{border:1px dashed #68baff;inset:48px}.my-story-map__axis--x{background:#dce8ef;width:190px;height:1px;top:50%;left:31px}.my-story-map__axis--y{background:#dce8ef;width:1px;height:190px;top:31px;left:50%}.my-story-map__ray{transform-origin:0;border-top:1px dashed #63cce8;width:86px;height:1px;top:50%;left:50%}.my-story-map__ray--one{transform:rotate(220deg)}.my-story-map__ray--two{border-color:#57d2a3;transform:rotate(330deg)}.my-story-map__ray--three{border-color:#9d78ec;transform:rotate(73deg)}.my-story-map__point{border-radius:50%;width:10px;height:10px;box-shadow:0 0 9px}.my-story-map__point--blue{color:#35afe9;background:currentColor;top:74px;left:65px}.my-story-map__point--green{color:#36cc91;background:currentColor;top:88px;right:60px}.my-story-map__point--purple{color:#9971ea;background:currentColor;bottom:53px;right:94px}.my-story-map__core{background:radial-gradient(circle,#f5ffff 0 24%,#477d82 28% 58%,#f1c550 62% 100%);border:12px solid #ffd34d40;border-radius:50%;width:50px;height:50px;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 23px #4ab1b459}.my-story-label{color:#33435a;border:1px solid #ffd56a;gap:8px;min-height:35px;padding:0 15px;font-size:14px;top:57%;left:50%;transform:translate(-50%,7px)}.my-story-label i{background:#f6a600;border-radius:50%;width:8px;height:8px}.my-story-node{color:#51627b;white-space:nowrap;border:1px solid #a7e4ff;gap:7px;max-width:calc(100% - 34px);min-height:37px;padding:0 14px;font-family:ui-serif,Songti SC,serif;font-size:13px;bottom:17px;left:50%;transform:translate(-50%)}.my-story-node svg:first-child{color:#0fa4db}.my-story-node svg:last-child{color:#8b9bb0}.similar-stories{margin-top:25px}.similar-stories>header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.similar-stories h2{color:#17243b;margin:0;font-family:ui-serif,Songti SC,serif;font-size:20px;font-weight:500}.similar-stories header p{color:#8695aa;margin:7px 0 0;font-family:ui-serif,Songti SC,serif;font-size:12px}.similar-stories header>span{color:#64758d;border:1px solid #e0e8ef;border-radius:999px;flex:none;padding:7px 11px;font-size:11px}.similar-stories__list{gap:20px;margin-top:22px;display:grid}.match-story-card{--card-accent:#19abe4;border:1.5px solid color-mix(in srgb,var(--card-accent) 34%,white);box-shadow:0 8px 20px color-mix(in srgb,var(--card-accent) 8%,transparent);width:100%;color:inherit;text-align:left;background:#ffffffd6;border-radius:23px;padding:18px 17px 15px;transition:transform .12s,box-shadow .12s}.match-story-card:active{transform:scale(.985)}.match-story-card--green{--card-accent:#20bd86}.match-story-card--gold{--card-accent:#dfa413}.match-story-card header{align-items:center;gap:10px;display:flex}.match-story-card header>span{border:1px solid color-mix(in srgb,var(--card-accent) 43%,white);background:color-mix(in srgb,var(--card-accent) 7%,white);min-height:29px;color:color-mix(in srgb,var(--card-accent) 77%,#17354f);border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:13px;font-weight:650;display:inline-flex}.match-story-card header i{background:var(--card-accent);border-radius:50%;width:7px;height:7px}.match-story-card header small{color:color-mix(in srgb,var(--card-accent) 76%,#62758c);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.match-story-card h3{color:#26364d;margin:15px 0 0;font-family:ui-serif,Songti SC,serif;font-size:18px;font-weight:600}.match-story-card__story{border-left:3px solid var(--card-accent);color:#344258;margin:10px 0 0;padding-left:13px;font-family:ui-serif,Songti SC,serif;font-size:16px;line-height:1.75}.match-story-card__reason{color:#75869c;align-items:flex-start;gap:6px;margin:13px 0 0;font-size:12px;line-height:1.5;display:flex}.match-story-card__reason svg{color:var(--card-accent);flex:none;margin-top:1px}.match-story-card footer{color:#74849a;border-top:1px solid #e3eaf0;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;font-size:11px;display:flex}.match-story-card footer span,.match-story-card footer strong{align-items:center;gap:5px;display:flex}.match-story-card footer strong{color:#53647a;flex:none;font-size:13px}.match-story-card footer svg{color:var(--card-accent)}@media (width<=390px){.matching-stages{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr) 24px minmax(0,1fr);min-height:72px;padding:0 18px}.matching-stage-step{flex-direction:column;gap:8px;font-size:13px}.matching-stage-connector{align-self:start;margin-top:26px}.matching-stage-marker{width:24px;height:24px}.echo-orbit-system{transform:translate(-50%,-49%)scale(.94)}.match-result-page{padding-left:16px;padding-right:16px}.match-result-intro h1{font-size:28px}.similar-stories h2{font-size:18px}.match-story-card__story{font-size:15px}}@media (height<=850px){.echo-orbit-scene{height:342px}.echo-orbit-system{transform:translate(-50%,-50%)scale(.88)}.matching-pause-button{min-height:48px;margin-top:12px}.matching-footer-note{margin-top:9px}}@media (prefers-reduced-motion:reduce){.resonance-signal span,.resonance-signal i{animation-duration:8s}}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.story-overlay-backdrop{z-index:20;background:linear-gradient(#0000 0 39%,#1d304121 55%,#1d30413d);max-width:430px;margin:0 auto;position:fixed;inset:0}.story-overlay{width:100%;max-height:59dvh;padding:14px 21px calc(18px + env(safe-area-inset-bottom));background:linear-gradient(#fff 0%,#f8fcff 100%);border-radius:30px 30px 0 0;animation:.26s cubic-bezier(.2,.8,.25,1) both story-sheet-in;position:absolute;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -18px 45px #21425b2e}.story-overlay__handle{background:#d7e2e9;border-radius:99px;width:42px;height:4px;margin:0 auto 17px}.story-overlay__close{color:#708096;background:#eef4f7;border:0;border-radius:50%;place-items:center;width:30px;height:30px;padding:0;display:grid;position:absolute;top:12px;right:14px}.story-overlay__header{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;display:grid}.story-overlay__avatar{color:#148aa4;background:radial-gradient(circle at 35% 30%,#fff,#dff8f7 70%);border:1px solid #a5e4ec;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 5px 14px #2cafbf1f}.story-overlay__header h2{color:#25374d;margin:0;font:600 17px ui-serif,Songti SC,serif}.story-overlay__header div:nth-child(2) span{color:#15956f;border:1px solid #a5e9d3;border-radius:99px;margin-top:5px;padding:3px 8px;font-size:10px;display:inline-block}.story-overlay__header>button{color:#51637b;background:#fff;border:1px solid #cddbe6;border-radius:999px;align-items:center;gap:5px;min-height:34px;padding:0 12px;font-size:12px;display:flex}.story-overlay__scene{color:#8998aa;align-items:center;gap:5px;margin:15px 2px 0;font-size:11px;display:flex}.story-overlay__scene svg{color:#58a8c8}.story-overlay blockquote{color:#33445a;background:linear-gradient(120deg,#f6fbfc,#fbfaff);border:1px solid #dce9ed;border-radius:20px;margin:15px 0 0;padding:17px 18px 17px 42px;font:500 16px/1.65 ui-serif,Songti SC,serif;position:relative}.story-overlay blockquote svg{color:#1bb5bd;position:absolute;top:19px;left:17px}.story-overlay__tags{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.story-overlay__tags span{color:#64768c;background:#fff;border:1px solid #d8e7ec;border-radius:999px;padding:6px 10px;font-size:11px}.story-overlay__echoes{border-top:1px solid #e4ebef;align-items:center;gap:9px;margin-top:16px;padding-top:14px;display:flex}.story-overlay__faces{padding-left:8px;display:flex}.story-overlay__faces i{background:linear-gradient(145deg,#78d6de,#6e78d9);border:2px solid #fff;border-radius:50%;width:25px;height:25px;margin-left:-8px}.story-overlay__faces i:nth-child(2){background:linear-gradient(145deg,#ffd26c,#e88ca5)}.story-overlay__faces i:nth-child(3){background:linear-gradient(145deg,#8bd6a5,#31a3ba)}.story-overlay__echoes p{color:#8795a5;flex:1;gap:2px;margin:0;font-size:10px;display:grid}.story-overlay__echoes strong{color:#3a4c61;font-size:11px}.story-overlay__echoes button{color:#53667d;background:0 0;border:0;align-items:center;padding:0;font-size:11px;display:flex}.story-overlay__resonate{color:#fff;background:linear-gradient(100deg,#226c89,#334a75);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:49px;margin-top:16px;display:flex;box-shadow:0 9px 20px #244f6c2e}.story-overlay__resonate svg{color:#7be1e2}.story-overlay__resonate span{opacity:.72}@keyframes story-sheet-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.story-detail-page{min-height:100dvh;margin:calc(-24px - env(safe-area-inset-top)) -20px calc(-24px - env(safe-area-inset-bottom));padding-bottom:calc(88px + env(safe-area-inset-bottom));color:#26364b;background:linear-gradient(#eaf4f6,#f7fbfb 42%,#eff7fa)}.story-detail-page button{color:inherit;cursor:pointer;border:0}.story-detail-topbar{z-index:4;top:calc(18px + env(safe-area-inset-top));justify-content:space-between;align-items:center;max-width:390px;margin:0 auto;display:flex;position:absolute;left:max(20px,50vw - 195px);right:max(20px,50vw - 195px)}.story-detail-topbar>div{gap:8px;display:flex}.story-detail-topbar button{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#f5fafbb8;border:1px solid #ffffff8f;border-radius:50%;place-items:center;width:40px;height:40px;padding:0;display:grid}.story-detail-hero{background:radial-gradient(circle at 72% 26%,#ffdca0 0 4%,#0000 22%),linear-gradient(160deg,#6b8290 0 33%,#c0d1ce 34% 54%,#776f68 55% 100%);height:330px;position:relative;overflow:hidden}.story-detail-hero__window{background:linear-gradient(#cde7ee,#fae3b1 64%,#8aa094 65%);border:10px solid #2e393fc7;position:absolute;inset:52px 28px 48px 112px;overflow:hidden;transform:skewY(-2deg)}.story-detail-hero__window:before,.story-detail-hero__window:after{content:"";background:#56646a;position:absolute}.story-detail-hero__window:before{width:8px;top:0;bottom:0;left:48%}.story-detail-hero__window:after{height:7px;bottom:32%;left:0;right:0}.story-detail-hero__window i{filter:blur(1px);background:#486b55;border-radius:70% 10% 0 0;width:60px;height:85px;position:absolute;bottom:8%;right:18%}.story-detail-hero__window i:nth-child(2){background:#66815b;width:38px;height:62px;right:4%}.story-detail-hero__window i:nth-child(3){background:#594b41;border-radius:0;width:9px;height:48px;bottom:0;right:29%}.story-detail-hero__shade{background:linear-gradient(#0f1c2521,#0000 40%,#14222787);position:absolute;inset:0}.story-detail-hero>span,.story-detail-hero>small{z-index:2;color:#fff;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border-radius:999px;align-items:center;gap:6px;display:flex;position:absolute;left:22px}.story-detail-hero>span{background:#1329347d;padding:7px 11px;font-size:11px;bottom:45px}.story-detail-hero>small{color:#ffffffd4;font-size:11px;bottom:17px}.story-detail-article{z-index:2;background:#fffffff7;border-radius:28px;margin:-1px 13px 0;padding:28px 22px 23px;position:relative;box-shadow:0 12px 30px #2c4b5814}.story-detail-article__group{color:#168e92;letter-spacing:.05em;align-items:center;gap:7px;margin:0;font-size:11px;display:flex}.story-detail-article__group i{background:#2bc3a6;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #2bc3a6}.story-detail-article h1{color:#1d2b3f;margin:13px 0 0;font:600 29px/1.25 ui-serif,Songti SC,serif}.story-detail-article__author{align-items:center;gap:9px;margin-top:18px;display:flex}.story-detail-article__author>span{color:#188e9e;background:#e8f7f7;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.story-detail-article__author div{gap:2px;display:grid}.story-detail-article__author strong{font:500 13px ui-serif,Songti SC,serif}.story-detail-article__author small{color:#93a0af;font-size:10px}.story-detail-article blockquote{color:#3d5263;background:#f1f9f9;border-left:3px solid #36bdb9;border-radius:0 15px 15px 0;margin:23px 0 0;padding:16px 18px;font:500 16px/1.75 ui-serif,Songti SC,serif}.story-detail-match-reason{color:#6a6293;background:#f7f3ff;border-radius:13px;align-items:flex-start;gap:7px;margin:13px 0 0;padding:11px 12px;font-size:11px;line-height:1.5;display:flex}.story-detail-match-reason svg{color:#775fe1;flex:none}.story-detail-article__body{color:#39485a;margin-top:24px;font:400 16px/2 ui-serif,Songti SC,serif}.story-detail-article__body p{margin:0 0 19px}.story-detail-article__tags{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.story-detail-article__tags span{color:#43827e;border:1px solid #cfe7e5;border-radius:999px;padding:6px 10px;font-size:11px}.story-detail-article footer{color:#6e7e90;border-top:1px solid #e6edef;justify-content:space-between;align-items:center;gap:10px;margin-top:22px;padding-top:17px;font-size:11px;display:flex}.story-detail-article footer span,.story-detail-article footer button{align-items:center;gap:5px;display:flex}.story-detail-article footer span svg{color:#22af9b}.story-detail-article footer button{color:#587086;background:0 0;padding:0;font-size:11px}.story-replies{background:#ffffffb8;border:1px solid #dce8ed;border-radius:27px;margin:24px 13px 0;padding:23px 18px}.story-replies>header{justify-content:space-between;align-items:center;display:flex}.story-replies>header div{align-items:center;gap:8px;display:flex}.story-replies>header i{background:#24bca9;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #24bca9}.story-replies h2{margin:0;font:600 19px ui-serif,Songti SC,serif}.story-replies>header span{color:#95a3b1;font-size:11px}.story-replies>header button{color:#75869a;background:#fff;border:1px solid #dce6eb;border-radius:999px;padding:6px 10px;font-size:10px}.story-replies__list{gap:12px;margin-top:18px;display:grid}.story-replies__list>article{background:#fff;border:1px solid #e0eaed;border-radius:18px;padding:15px}.story-replies__list article header{align-items:center;display:flex}.story-replies__list article header>span{color:#39768a;background:linear-gradient(145deg,#d8f5ee,#dfe7ff);border-radius:50%;place-items:center;width:32px;height:32px;font:600 13px ui-serif,serif;display:grid}.story-replies__list article header div{gap:2px;margin-left:8px;display:grid}.story-replies__list article header strong{font-size:12px}.story-replies__list article header small{color:#9aa7b4;font-size:9px}.story-replies__list article header button{color:#9aa7b5;background:0 0;align-items:center;gap:3px;margin-left:auto;padding:0;font-size:10px;display:flex}.story-replies__list article>p{color:#526173;margin:12px 0 0;font:400 14px/1.7 ui-serif,Songti SC,serif}.story-reply-composer{z-index:8;width:min(430px,100%);padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fafdfdeb;border-top:1px solid #dbe7eb;grid-template-columns:1fr 43px;gap:9px;margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.story-reply-composer input{color:#34465a;background:#fff;border:1px solid #d5e2e6;border-radius:999px;outline:0;min-width:0;height:43px;padding:0 16px}.story-reply-composer input:focus{border-color:#55c6c5}.story-reply-composer button{color:#fff;background:linear-gradient(145deg,#1aaeb5,#4761c8);border-radius:50%;place-items:center;width:43px;height:43px;padding:0;display:grid}.story-detail-page--missing{text-align:center;place-content:center;gap:16px;padding:24px;display:grid}.story-detail-page--missing h1{font:600 24px ui-serif,Songti SC,serif}.story-detail-page--missing button{color:#fff;background:#31526b;border-radius:999px;min-height:44px}@media (width<=390px){.story-detail-article{margin-left:10px;margin-right:10px;padding-left:19px;padding-right:19px}.story-detail-article h1{font-size:27px}.story-overlay{padding-left:17px;padding-right:17px}.story-overlay__header{grid-template-columns:44px minmax(0,1fr) auto}.story-overlay__header>button{padding:0 9px}}@media (prefers-reduced-motion:reduce){.story-overlay{animation:none}}.track-details{margin-top:28px}.track-details__topline{justify-content:space-between;align-items:center;gap:14px;display:flex}.track-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.track-title-row h1{letter-spacing:-.04em;margin:0;font-size:25px;font-weight:650;line-height:1.12}.track-year{color:#12748f;border:1px solid #8beaf1;border-radius:999px;padding:2px 10px;font-size:12px}.track-artist,.track-album{color:#667b98;margin:9px 0 0;font-size:14px}.track-artist strong{color:#1aa9c2;font-weight:500}.track-album{align-items:center;gap:7px;font-size:12px;display:flex}.track-album svg{color:#16bfd5}.favorite-button{width:44px;height:44px;color:#ff4160!important}.playback{margin-top:30px}.playback-progress__track{background:#d0dae7b3;border-radius:999px;height:6px;position:relative}.playback-progress__fill{border-radius:inherit;background:linear-gradient(90deg,#0eb7c9,#387df0);position:absolute;inset:0 auto 0 0}.playback-progress__thumb{background:#fff;border:4px solid #0cbcd5;border-radius:50%;width:16px;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #1192b147}.playback-progress__times{color:#95a6c0;justify-content:space-between;margin-top:12px;font-size:12px;font-weight:600;display:flex}.playback-progress__times time:first-child{color:#11859d}.playback-controls{grid-template-columns:repeat(5,1fr);align-items:center;margin-top:8px;display:grid}.playback-controls button{color:#34455f;background:0 0;justify-self:center;place-items:center;width:44px;height:44px;padding:0;display:grid}.playback-controls button:first-child,.playback-controls button:last-child{color:#6c7d96}.playback-controls .playback-controls__primary{color:#f5fbff;background:#203f59;border-radius:50%;width:56px;height:56px;transition:transform .12s;box-shadow:0 8px 20px #197da459}.playback-controls__primary:active{transform:scale(.94)}.echo-entry-card{background:linear-gradient(#ffffffdb,#ffffffdb) padding-box padding-box,linear-gradient(105deg,#5ce8ed,#bac6ff 55%,#ffe375) border-box;border:1.5px solid #0000;border-radius:17px;margin-top:48px;padding:15px 16px 13px;box-shadow:0 9px 24px #3b78951a}.echo-entry-card__main{grid-template-columns:42px minmax(0,1fr) 43px;align-items:center;gap:11px;display:grid}.echo-entry-card__symbol{color:#0e7798;background:linear-gradient(145deg,#dffcff,#dfe7ff);border:1px solid #65dce9;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.echo-entry-card__copy h2{white-space:nowrap;margin:0;font-size:16px;font-weight:600}.echo-entry-card__copy p,.echo-entry-card__presence p{color:#71839e;margin:5px 0 0;font-size:11px}.echo-entry-card__copy p span{background:#16c592;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.echo-entry-card__arrow{width:42px;height:42px;transition:transform .12s;color:#0a7996!important}.echo-entry-card__arrow:active{transform:scale(.94)}.echo-entry-card__presence{border-top:1px solid #e7ecf3;align-items:center;gap:10px;margin-top:10px;padding-top:9px;display:flex}.echo-entry-card__presence p{margin:0}.echo-entry-card__presence strong{color:#12516b}.echo-avatars{padding-left:7px;display:flex}.echo-avatars i{background:#24a9e8;border:1.5px solid #fff;border-radius:50%;width:18px;height:18px;margin-left:-7px}.echo-avatars i:nth-child(2){background:#855fea}.echo-avatars i:nth-child(3){background:#25c99b}@media (width<=390px){.player-page{padding-left:18px;padding-right:18px}.player-playlist-title span{display:none}.turntable{width:min(82vw,330px)}.echo-entry-card__copy h2{font-size:15px}}@media (height<=850px){.player-page{padding-top:calc(18px + env(safe-area-inset-top))}.turntable{width:min(71vw,306px);margin-top:12px}.track-details{margin-top:16px}.playback{margin-top:20px}.echo-entry-card{margin-top:18px}}