*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;background:#0b1030}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--bg1, #0b1030),var(--bg2, #1a1440));color:var(--tx, #fff);overflow:hidden;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:background .8s ease}.top{position:relative;flex:1.15;min-height:0;overflow:hidden}.bottom{flex:1;min-height:0;display:flex;padding:8px 12px 14px}.viz{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.btn{border:1px solid rgba(255,255,255,.25);background:#ffffff14;color:inherit;font-size:14px;padding:9px 16px;border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s;font-family:inherit}.btn:hover{background:#ffffff2e;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn.primary{background:linear-gradient(135deg,var(--a1, #7dd3fc),var(--a2, #c4b5fd));color:#10142b;border:none;font-weight:600}.btn.ghost{background:transparent;border-color:#ffffff2e}.btn.sm{font-size:12px;padding:5px 12px}.chip{border:1px solid rgba(255,255,255,.25);background:transparent;color:inherit;font-size:12px;padding:5px 12px;border-radius:999px;cursor:pointer;font-family:inherit;transition:all .2s}.chip.on{background:linear-gradient(135deg,var(--a1),var(--a2));color:#10142b;border-color:transparent;font-weight:600}.mood{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px}.mood-title{font-size:clamp(22px,3.4vw,34px);letter-spacing:.1em;font-weight:600}.mood-sub{opacity:.65;font-size:clamp(12px,1.4vw,15px)}.mood-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.6vw,20px);width:min(92vw,1100px);margin-top:8px}.mood-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:clamp(14px,2.4vw,30px) 10px;border-radius:18px;border:1px solid rgba(255,255,255,.14);color:#fff;cursor:pointer;overflow:hidden;font-family:inherit;transition:transform .25s,box-shadow .25s}.mood-card:after{content:"";position:absolute;top:-60%;right:-60%;bottom:-60%;left:-60%;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.13) 50%,transparent 60%);animation:sheen 5s linear infinite;pointer-events:none}@keyframes sheen{0%{transform:translate(-30%)}to{transform:translate(30%)}}.mood-card:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 18px 40px #00000073}.mc-constellation{background:linear-gradient(160deg,#0b1030,#2a1f66)}.mc-ripple{background:linear-gradient(160deg,#0c1420,#1b3a4a)}.mc-reel{background:linear-gradient(160deg,#2a1e12,#5a3d1a)}.mc-aurora{background:linear-gradient(160deg,#0b1420,#1a2836 55%,#2c3d52)}.mc-emoji{font-size:clamp(26px,3.6vw,44px)}.mc-name{font-size:clamp(16px,2vw,22px);font-weight:600;letter-spacing:.2em}.mc-line{font-size:clamp(10px,1.1vw,13px);opacity:.7}.mc-aud{margin-top:4px;font-size:12px;padding:4px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.35);background:#ffffff1a;z-index:1;transition:background .2s}.mc-aud:hover{background:#ffffff47}.mood-tip{font-size:12px;opacity:.5;margin-top:6px}.hud-tl{position:absolute;top:12px;left:14px;display:flex;align-items:center;gap:10px;z-index:5}.hud-theme{font-size:14px;letter-spacing:.15em;opacity:.9}.hint{position:absolute;top:14px;left:50%;transform:translate(-50%);font-size:12px;opacity:.55;z-index:5;pointer-events:none;white-space:nowrap}.recbtn{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:6;border:none;border-radius:999px;padding:12px 30px;font-size:15px;font-weight:600;font-family:inherit;color:#10142b;background:linear-gradient(135deg,var(--a1),var(--a2));cursor:pointer;box-shadow:0 6px 24px #00000059;transition:transform .2s}.recbtn:hover{transform:translate(-50%) scale(1.05)}.recbtn.rec{background:linear-gradient(135deg,#ff6b6b,#ffa06b);animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #ff6b6b8c}50%{box-shadow:0 0 0 12px #ff6b6b00}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#00000059;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.qcard{width:min(86vw,480px);background:var(--card);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:24px 26px;display:flex;flex-direction:column;gap:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 24px 60px #00000080;animation:rise .4s ease}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.q-tag{font-size:12px;letter-spacing:.2em;color:var(--a1)}.qcard h2{font-size:19px;font-weight:600}.qcard textarea{resize:none;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#00000040;color:inherit;font-family:inherit;font-size:14px;line-height:1.6;padding:12px 14px;outline:none}.qcard textarea:focus{border-color:var(--a1)}.composing{display:flex;align-items:center;gap:14px;font-size:16px;letter-spacing:.1em;background:var(--card);border:1px solid rgba(255,255,255,.16);padding:18px 28px;border-radius:999px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.spin{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--a1);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{position:absolute;top:12px;right:14px;z-index:8;max-height:calc(100% - 70px);overflow-y:auto;width:min(64vw,320px);background:var(--card);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 48px #00000073;animation:rise .4s ease}.r-title{font-size:18px;font-weight:700}.r-poem{font-size:13px;opacity:.8;line-height:1.6}.r-meta{font-size:11px;opacity:.55;letter-spacing:.05em}.r-row{display:flex;gap:8px;flex-wrap:wrap}.kb{position:relative;flex:1;display:flex;gap:3px;touch-action:none}.kw{flex:1;border:none;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#0000001f,#0000 30%),var(--kw);box-shadow:inset 0 -7px 12px #00000040;cursor:pointer;transition:background .08s}.kw.on{background:linear-gradient(180deg,var(--glow),var(--kw) 130%);box-shadow:0 0 22px var(--glow),inset 0 -2px 6px #0003}.kbk{position:absolute;top:0;width:8.8%;height:60%;border:none;border-radius:0 0 7px 7px;background:linear-gradient(180deg,#000,var(--kb) 40%);box-shadow:0 5px 10px #0000008c;z-index:2;cursor:pointer;transition:background .08s}.kbk.on{background:linear-gradient(180deg,var(--glow),var(--kb) 130%);box-shadow:0 0 18px var(--glow)}.rotate{display:none}@media (orientation: portrait){.rotate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:#0b1030;color:#e6eaff}.rotate-phone{font-size:52px;animation:rot 1.6s ease-in-out infinite}.rotate-text{font-size:15px;letter-spacing:.2em;opacity:.8}}@keyframes rot{0%,20%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.gear{position:absolute;top:10px;right:14px;z-index:9;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#00000040;font-size:17px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .3s}.gear:hover{transform:rotate(60deg)}.settings-card{width:min(88vw,420px);max-height:86vh;overflow-y:auto;background:var(--card);border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000080;animation:rise .3s ease}.st-head{display:flex;align-items:center;justify-content:space-between}.st-head h3{font-size:17px;letter-spacing:.1em}.st-label{font-size:12px;letter-spacing:.15em;opacity:.65;margin-top:6px}.st-hint{font-size:11px;opacity:.5;line-height:1.5}.st-select,.st-input{width:100%;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#00000047;color:inherit;font-family:inherit;font-size:13px;padding:9px 12px;outline:none}.st-select:focus,.st-input:focus{border-color:var(--a1)}.st-test{font-size:12px;opacity:.8;align-self:center}.q-actions{display:flex;justify-content:space-between;gap:10px}.result{top:58px}.q-prog{margin:4px 0 2px;font-size:12px;letter-spacing:.5px;opacity:.75;word-break:break-all}.gen-error{color:#ff9a9a;font-size:14px;line-height:1.6;max-width:480px;text-align:center}.gen-error-actions{display:flex;gap:10px;margin-top:14px}.lib-entry{position:absolute;top:14px;right:16px;z-index:9;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:#ffffff14;color:inherit;font-family:inherit;font-size:13px;padding:8px 14px;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .2s}.lib-entry:hover{background:#ffffff2e}.lib-card{width:min(92vw,720px);max-height:86vh;overflow-y:auto;background:var(--card, rgba(12, 16, 40, .92));border:1px solid rgba(255,255,255,.16);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 24px 60px #00000080}.lib-head{display:flex;align-items:center;justify-content:space-between}.lib-head h3{font-size:17px;letter-spacing:.08em}.lib-tabs{display:flex;align-items:center;gap:8px}.lib-tabs .btn{margin-left:auto}.lib-banner{display:flex;align-items:center;gap:10px;font-size:13px;opacity:.9}.lib-err{font-size:12px;color:#ff9a9a;line-height:1.5}.lib-empty{font-size:13px;opacity:.55;padding:22px 0;text-align:center}.lib-list{display:flex;flex-direction:column;gap:8px}.lib-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.lib-item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.lib-title{font-size:14px}.lib-sub{font-size:11px;opacity:.6;word-break:break-all}.lib-actions{display:flex;gap:6px;flex-shrink:0}.r-pending{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:13px;opacity:.85}.name-input{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#00000047;color:inherit;font-family:inherit;font-size:15px;padding:12px 14px;outline:none;transition:border-color .2s}.name-input:focus{border-color:var(--a1, #7dd3fc)}.player-bar{display:flex;align-items:center;gap:10px;width:min(88vw,560px);padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#0a0e22b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 12px 40px #00000073;z-index:30}.player-bar.docked{position:absolute;left:50%;transform:translate(-50%);bottom:10px}.player-bar.floating{position:fixed;left:50%;transform:translate(-50%);bottom:12px}.pb-btn{width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:inherit;font-size:14px;cursor:pointer;font-family:inherit;transition:background .2s}.pb-btn:hover{background:#ffffff2e}.pb-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pb-title{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pb-range{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:999px;outline:none}.pb-range::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--a1, #7dd3fc);cursor:pointer}.pb-range::-moz-range-thumb{width:12px;height:12px;border:none;border-radius:50%;background:var(--a1, #7dd3fc);cursor:pointer}.pb-meta{display:flex;justify-content:space-between;font-size:11px;opacity:.6}.lib-badge{margin-left:8px;font-size:10px;padding:1px 6px;border-radius:999px;background:#7dd3fc2e;border:1px solid rgba(125,211,252,.35)}.kw{display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px}.kw-label{font-size:clamp(11px,1.4vw,16px);font-weight:600;letter-spacing:.04em;opacity:.55;pointer-events:none}.kw.on .kw-label{opacity:.95}.share-panel{width:min(94vw,880px);max-height:94vh;overflow-y:auto;background-color:#0b0e18;background-image:linear-gradient(var(--card, rgba(12, 16, 40, .94)),var(--card, rgba(12, 16, 40, .94)));border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:16px 18px;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 60px #0009}.share-body{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.share-preview{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px}.share-card-img{width:auto;max-width:200px;max-height:min(52vh,420px);border-radius:12px;border:1px solid rgba(255,255,255,.16);box-shadow:0 14px 34px #00000073}.share-ph{width:200px;min-height:116px;padding:16px 12px;border-radius:12px;border:1px dashed rgba(255,255,255,.22);background:#00000038;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:12px;opacity:.75;text-align:center}.share-ph-emoji{font-size:30px}.share-ph-tip{font-size:11px;opacity:.7;line-height:1.5}.share-form{flex:1 1 320px;min-width:260px;display:flex;flex-direction:column;gap:6px}.st-area{resize:vertical;line-height:1.6;min-height:76px}@media (max-height: 560px){.share-panel{gap:8px;padding:12px 16px}.st-area{min-height:52px}.share-card-img{max-height:46vh}.share-ph{width:148px;min-height:84px}.share-ph-emoji{font-size:24px}.share-hint-long{display:none}.result{width:min(92vw,470px);padding:12px 14px;gap:8px}.result .r-row{gap:6px}.share-form .st-label{font-size:11px}.share-form .st-input{padding:7px 10px}}.share-banner{display:flex;align-items:center;gap:10px;font-size:13px;padding:10px 12px;border-radius:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.12)}.share-banner.plain{background:#7dd3fc1f;border-color:#7dd3fc4d}.share-url{word-break:break-all;opacity:.65}.share-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;-webkit-overflow-scrolling:touch;background:linear-gradient(165deg,var(--bg1, #0b1030),var(--bg2, #1a1440));color:var(--tx, #fff)}.sp-inner{min-height:100%;max-width:560px;margin:0 auto;padding:34px 20px 120px;display:flex;flex-direction:column;gap:16px}.sp-card{background:var(--card, rgba(20, 26, 60, .78));border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:24px 22px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 50px #0006;text-align:center}.sp-kicker{font-size:12px;letter-spacing:.08em;opacity:.72;margin-bottom:10px}.sp-title{font-size:clamp(22px,6vw,30px);font-weight:700;line-height:1.3;margin-bottom:14px}.sp-feeling{font-size:15px;line-height:1.85;opacity:.9;white-space:pre-wrap;text-align:left;padding:14px 16px;border-radius:14px;background:#00000038;border-left:3px solid var(--a1, #7dd3fc);margin-bottom:12px}.sp-chords{font-size:13px;letter-spacing:.04em;color:var(--a1, #7dd3fc);opacity:.9;margin-bottom:16px}.sp-play{width:100%;border:none;border-radius:999px;padding:15px 20px;font-size:16px;font-weight:600;font-family:inherit;color:#10142b;background:linear-gradient(135deg,var(--a1, #7dd3fc),var(--a2, #c4b5fd));cursor:pointer;box-shadow:0 12px 30px #00000059;transition:transform .2s}.sp-play:active{transform:scale(.98)}.sp-meta{font-size:12px;opacity:.55;margin-top:14px}.sp-hint{font-size:12px;opacity:.6;line-height:1.6;margin-top:10px}.sp-emoji{font-size:40px;margin-bottom:10px}.sp-cta-card{background:#ffffff0f}.sp-cta-title{font-size:17px;font-weight:600;margin-bottom:8px}.sp-cta-sub{font-size:13px;opacity:.72;line-height:1.7;margin-bottom:16px}.sp-cta{width:100%;border:1px solid rgba(255,255,255,.24);border-radius:999px;padding:13px 20px;font-size:15px;font-family:inherit;color:inherit;background:#ffffff1a;cursor:pointer;transition:background .2s}.sp-cta:hover{background:#fff3}.sp-foot{text-align:center;font-size:12px;opacity:.45;margin-top:6px}