.voice-wall{isolation:isolate;background:#eef0ef}.voice-wall__background{opacity:1;filter:grayscale(.18)saturate(.72)brightness(1.04)contrast(.93);background-position:50%;background-size:cover}.voice-wall__veil{-webkit-backdrop-filter:blur(.4px);backdrop-filter:blur(.4px);background:linear-gradient(#f4f5f557,#eceeef85),radial-gradient(circle at 50% 16%,#ffffff2e,#0000 38rem),linear-gradient(120deg,#c5cbc81a,#c9c9cd1a)}.voice-wall__eyebrow{color:#4e4d4694;letter-spacing:.34em;font-size:10px;font-weight:600;display:inline-block}.voice-wall__title{color:#0000;filter:drop-shadow(0 10px 20px #37332b2e);width:clamp(250px,27vw,320px);height:clamp(96px,10vw,116px);margin:0 auto;padding:4px 14px 10px 4px;font-family:Songti SC,Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:clamp(38px,4.2vw,52px);font-style:italic;font-weight:600;line-height:1.12;display:block;position:relative;overflow:visible}.voice-wall__title span{white-space:nowrap;-webkit-text-fill-color:transparent;background:linear-gradient(112deg,#77837f 0%,#a5978c 48%,#8b8b9d 100%) 0 0/190% 100%;-webkit-background-clip:text;background-clip:text;padding:.03em .09em .08em;animation:7s ease-in-out infinite alternate voice-title-flow;display:inline-block;position:absolute;top:50%;left:50%;overflow:visible}.voice-wall__title span:first-child{top:54%;left:27%;transform:translate(-50%,-50%)rotate(-4deg)}.voice-wall__title span:nth-child(2){top:49%;left:50%;transform:translate(-50%,-50%)rotate(0)}.voice-wall__title span:nth-child(3){top:54%;left:71%;transform:translate(-50%,-50%)rotate(4deg)}.voice-wall__subtitle{color:#44484bad;letter-spacing:.02em;margin:14px auto 0;font-family:Songti SC,Noto Serif SC,Source Han Serif SC,Georgia,serif;font-size:14px;font-weight:600}.voice-wall__write{z-index:10000;color:#544d40;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf4cc;border:1px solid #52493833;border-radius:999px;align-items:center;gap:8px;margin-top:0;padding:11px 18px;transition:all .2s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 12px 28px #3e372a1f}.voice-wall__write span{font-size:18px;line-height:1}.voice-wall__write:hover{background:#fffdf7;transform:translateY(-1px);box-shadow:0 16px 34px #3e372a2b}.voice-prompts{max-width:1120px;margin:10px auto 0;padding:8px 0 12px;position:relative}.voice-prompts__grid{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 16px;display:flex;position:relative}.voice-prompts__item{z-index:1;color:#42504a;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(15px)saturate(1.2);background:linear-gradient(145deg,#ffffffb3,#f6f9f770);border:1px solid #ffffff94;border-radius:999px;flex:none;justify-content:center;align-items:center;width:auto;max-width:min(100%,560px);min-height:48px;padding:12px 22px;transition:transform .28s cubic-bezier(.22,1,.36,1),border-color .24s,background .24s,box-shadow .24s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffffd1,0 13px 30px #3a46411a}.voice-prompts__item:before{border-radius:inherit;background:radial-gradient(circle at 16% 0%, var(--question-glow,#d6e5dd80), transparent 46%);content:"";opacity:.86;pointer-events:none;position:absolute;inset:1px}.voice-prompts__item:first-child{--question-glow:#d6e5dd94;transform:translateY(-4px)rotate(-.7deg)}.voice-prompts__item:nth-child(2){--question-glow:#f6ded399;transform:translateY(6px)rotate(.8deg)}.voice-prompts__item:nth-child(3){--question-glow:#d5e0f194;transform:translateY(-2px)rotate(.35deg)}.voice-prompts__item:nth-child(4){--question-glow:#e1d7ec8f;transform:translateY(7px)rotate(-.65deg)}.voice-prompts__item:nth-child(5){--question-glow:#deebd994;transform:translateY(-3px)rotate(.5deg)}.voice-prompts__item:nth-child(6){--question-glow:#ebe0d38f;transform:translateY(5px)rotate(-.45deg)}.voice-prompts__item:hover{background:linear-gradient(145deg,#ffffffe0,#f8fbf9a3);border-color:#ffffffe6;transform:translateY(-3px)rotate(0)scale(1.018);box-shadow:inset 0 1px #fffffff0,0 18px 40px #3a464126}.voice-prompts__item:focus-visible{outline-offset:4px;outline:2px solid #578474b3}.voice-prompts__item strong{z-index:1;text-align:center;margin:0;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:15px;font-weight:600;line-height:1.52;position:relative}.voice-composer{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#3d414457;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.voice-composer__card{border:1px solid var(--border-default);border-radius:var(--radius-lg);width:min(520px,100%);color:var(--text-primary);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffe6;padding:34px 30px 28px;position:relative}.voice-composer__heading{text-align:center;position:relative}.voice-composer__heading:before{content:"";background:linear-gradient(90deg,#77837f,#a5978c,#8b8b9d);border-radius:999px;width:42px;height:4px;margin:0 auto 14px;display:block}.voice-composer__heading small{color:var(--text-muted);letter-spacing:.22em;font-size:9px}.voice-composer__heading h2{color:var(--text-primary);margin-top:6px;font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:28px;font-weight:600}.voice-composer__heading p{color:var(--text-muted);margin-top:8px;font-size:12px}.voice-composer__prompt{border-radius:var(--radius-md);background:#e8f1ec9e;border:1px solid #697a722e;gap:5px;margin-top:18px;padding:14px 16px;display:grid}.voice-composer__prompt span{color:var(--text-faint);letter-spacing:.16em;font-size:9px}.voice-composer__prompt strong{color:var(--text-primary);font-family:Songti SC,Noto Serif SC,Georgia,serif;font-size:15px;line-height:1.55}.voice-composer__prompt button{color:var(--text-muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:3px;padding:0;font-size:10px;text-decoration:underline}.voice-composer__card label{margin-top:20px;display:block}.voice-composer__card label>span{color:var(--text-secondary);margin-bottom:8px;font-size:12px;display:block}.voice-composer__card input,.voice-composer__card textarea{border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);background:#ffffffd1;outline:none;transition:all .2s}.voice-composer__card input{height:44px;padding:0 14px}.voice-composer__card textarea{resize:none;min-height:130px;padding:12px 14px;line-height:1.75}.voice-composer__card input::placeholder,.voice-composer__card textarea::placeholder{color:var(--text-faint);opacity:1}.voice-composer__card input:focus,.voice-composer__card textarea:focus{border-color:var(--color-primary-strong);box-shadow:0 0 0 3px var(--color-primary-faint)}.dark .voice-composer__card{background:#191c1df5;border-color:#ffffff1a}.dark .voice-composer__card input,.dark .voice-composer__card textarea{color:#eef0f1;background:#fff1;border-color:#ffffff1f}.dark .voice-composer__card input::placeholder,.dark .voice-composer__card textarea::placeholder{color:#ebeded6b}.dark .voice-composer__actions button:first-child{color:#ebededc7;background:#ffffff0f;border-color:#ffffff1f}.voice-composer__meta{color:var(--text-faint);justify-content:flex-end;margin-top:6px;font-size:11px;display:flex}.voice-composer__message{color:var(--color-primary-strong);text-align:right;margin-top:12px;font-size:12px;line-height:1.6}.voice-composer__actions button:disabled{cursor:not-allowed;opacity:.55;transform:none}.voice-composer__actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.voice-composer__actions button{border-radius:var(--radius-sm);cursor:pointer;padding:10px 18px;transition:all .2s}.voice-composer__actions button:first-child{border:1px solid var(--border-default);color:var(--text-secondary);background:#ffffffb8}.voice-composer__actions button:last-child{color:#fff;background:#111;border:1px solid #111}.voice-composer__actions button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #4c50531f}.voice-notes-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));align-items:start;gap:2rem 1.75rem;display:grid}@media (max-width:639px){.voice-notes-grid{gap:1.5rem}}.voice-note{color:#514a3d;transform-origin:50% -10%;will-change:transform;background-image:linear-gradient(112deg,#ffffff75,#0000 34%),linear-gradient(21deg,#0000 60%,#ffffff38 73%,#0000 80%),repeating-linear-gradient(4deg,#5c4c3005 0 1px,#0000 1px 5px),radial-gradient(circle at 16% 11%,#ffffff85,#0000 34%),radial-gradient(circle at 89% 91%,#68543112,#0000 40%);border:1px solid #79694d2e;border-radius:2px 2px 4px;padding:34px 28px 26px;position:relative;overflow:visible;box-shadow:0 22px 42px #4d443024,0 4px 9px #4d443014,inset 0 1px #ffffffb8,inset 0 -12px 24px #755e3609}.voice-note:before{z-index:10;border-radius:inherit;content:"";mix-blend-mode:multiply;opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.voice-note:after{z-index:10;content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0 47%,#68573712 48%,#ffffff8f 50%,#ded7c9 51% 100%);border-radius:0 0 3px;width:42px;height:42px;position:absolute;bottom:-1px;right:-1px;box-shadow:-5px -5px 10px #574c3514}.voice-note__pin{z-index:2;clip-path:polygon(3% 0,97% 4%,100% 84%,94% 100%,5% 96%,0 13%);content:"";background:linear-gradient(#ffffff8a,#e0daca94);border:1px solid #ffffff7a;border-radius:1px;width:78px;height:24px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 6px 13px #594f3d1f}.voice-note__prompt{z-index:1;color:#594f3ea3;letter-spacing:.08em;background:#ffffff75;border-radius:999px;margin-bottom:10px;padding:4px 9px;font-size:9px;display:inline-block;position:relative}.voice-note__message{white-space:pre-wrap;font-family:STKaiti,KaiTi,Songti SC,Noto Serif SC,serif;font-size:17px;line-height:1.9}.voice-note__footer{color:#534e449e;letter-spacing:.08em;border-top:1px solid #69593a2e;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:13px;font-size:11px;display:flex}.voice-note__footer time{font-variant-numeric:tabular-nums}.voice-note--write{color:#686052;text-align:left;cursor:pointer;background-color:#f2ede2;border-color:#79694d3d;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:100%;min-height:180px;font-family:inherit;transition:transform .26s cubic-bezier(.22,1,.36,1),box-shadow .26s;display:flex}.voice-note--write:hover{transform:translateY(-3px)rotate(-.45deg);box-shadow:0 27px 50px #4d44302e,0 5px 11px #4d443017,inset 0 1px #ffffffc7}.voice-note--write:focus-visible{outline-offset:4px;outline:2px solid #4e46388c}.voice-note__write-plus{color:#645b4b7a;margin-bottom:auto;font-family:Avenir Next,Futura,sans-serif;font-size:42px;font-weight:300;line-height:1}.voice-note__write-title{color:#514a3d;letter-spacing:.04em;font-family:STKaiti,KaiTi,Songti SC,Noto Serif SC,serif;font-size:20px}.voice-note__write-copy{color:#534e44a3;letter-spacing:.03em;margin-top:8px;font-size:12px;line-height:1.8}.voice-note__write-action{color:#534e44a8;letter-spacing:.1em;border-top:1px solid #69593a2e;justify-content:space-between;align-items:center;width:100%;margin-top:22px;padding-top:13px;font-size:11px;display:flex}.voice-note__write-action span{font-size:15px;transition:transform .24s}.voice-note--write:hover .voice-note__write-action span{transform:translate(3px)}.dark .voice-wall{background:#191b1c}.dark .voice-wall__veil{background:linear-gradient(#11131470,#11131494),radial-gradient(circle at 50% 18%,#4a4d4c42,#0000 38rem)}.dark .voice-prompts__item{color:#eef1f0e6;background:linear-gradient(145deg,#141d1dc7,#1c262580);border-color:#ffffff2e;box-shadow:inset 0 1px #ffffff1f,0 14px 34px #0000003d}.dark .voice-prompts__item:hover{background:linear-gradient(145deg,#1b2626e0,#24302e9e);border-color:#ffffff57;box-shadow:inset 0 1px #ffffff2b,0 18px 42px #0000004d}.dark .voice-composer__prompt{background:#ffffff0e;border-color:#ffffff14}.dark .voice-wall__eyebrow,.dark .voice-wall__subtitle{color:#ebeded9e}.dark .voice-wall__title{color:#0000;filter:none;text-shadow:none;background:0 0}.dark .voice-wall__title span{filter:none;text-shadow:none;backface-visibility:hidden;-webkit-font-smoothing:antialiased}@media (max-width:640px){.voice-wall__title{width:228px;height:94px;padding:3px 12px 8px 3px;font-size:38px}.voice-wall__write{bottom:16px;right:16px}.voice-wall__subtitle{font-size:14px}.voice-note__message{font-size:16px}.voice-prompts{margin-top:0;padding:6px 0 8px}.voice-prompts__grid{gap:12px}.voice-prompts__item,.voice-prompts__item:nth-child(n){max-width:100%;min-height:0;padding:11px 18px;transform:none}}.voice-note:nth-child(3n+2){padding:30px 24px 22px}.voice-note:nth-child(5n){padding:38px 30px 28px}.voice-note:nth-child(3n) .voice-note__pin{background:#d6e2cd85;width:64px;height:20px;transform:translate(-50%)rotate(1.8deg)}.voice-note:nth-child(3n+1) .voice-note__pin{background:#f4dcb480;transform:translate(-50%)rotate(-2.8deg)}.voice-note:nth-child(4n+2) .voice-note__pin{background:#e4d0e07a;transform:translate(-50%)rotate(.8deg)}.voice-composer__card label.is-error textarea{border-color:#b5716cb3;box-shadow:0 0 0 3px #b5716c1f}.voice-composer__feedback{min-height:24px;margin-top:10px}.voice-composer__message{text-align:left;justify-content:flex-end;align-items:center;gap:6px;margin-top:0;display:flex}.voice-composer__message.is-error{color:#b5716c}.voice-composer__message.is-success{color:#5b966f}.voice-toast{z-index:120;border-radius:var(--radius-md);background:#fffffff5;border:1px solid #6696753d;align-items:center;gap:11px;min-width:276px;padding:13px 15px;animation:.34s cubic-bezier(.22,1,.36,1) both voice-toast-in;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 18px 50px #3c504229}.dark .voice-toast{background:#1c211ef5;border-color:#7eb18d33;box-shadow:0 18px 50px #00000057}.voice-toast>span{color:#4f9367;background:#e6f3ea;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.dark .voice-toast>span{color:#8ac59d;background:#5b9e7129}.voice-toast strong,.voice-toast p{display:block}.voice-toast strong{color:var(--text-primary);font-size:13px;font-weight:600}.voice-toast p{color:var(--text-muted);margin-top:2px;font-size:11px}@media (max-width:640px){.voice-toast{min-width:0;bottom:16px;left:16px;right:16px}}.voice-wall__empty{border-radius:var(--radius-md);color:#756e62;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffcf485;border:1px solid #5249381f;grid-column:1/-1;width:100%;padding:56px 20px}