:root{--paper: #fffaf6;--card: #ffffff;--ink: #3a2f2b;--ink-rgb: 58, 47, 43;--ink-soft: #807068;--ink-faint: #b3a29a;--blush: #e8927c;--blush-rgb: 232, 146, 124;--blush-deep: #d4735c;--blush-deep-rgb: 212, 115, 92;--blush-bright: #f0a48f;--blush-wash: #fdf0eb;--input-bg: #fffdfb;--error: #b4503a;--button-ink: #3a2f2b;--line: rgba(var(--ink-rgb), .1);--shadow-soft: 0 2px 10px rgba(199, 138, 118, .06);--shadow-card: 0 12px 44px rgba(199, 138, 118, .14);--sans: "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif: "Noto Serif SC", Georgia, "Songti SC", "SimSun", serif;color-scheme:light}:root[data-theme=dark]{--paper: #1b1220;--card: #2a1e35;--ink: #f3e6ea;--ink-rgb: 243, 230, 234;--ink-soft: #c9aec4;--ink-faint: #9d8a9a;--blush: #f28fb0;--blush-rgb: 242, 143, 176;--blush-deep: #eb7098;--blush-deep-rgb: 235, 112, 152;--blush-bright: #ffb3d1;--blush-wash: #3a2438;--input-bg: #22182c;--error: #f0836a;--line: rgba(var(--ink-rgb), .14);--shadow-soft: 0 2px 14px rgba(0, 0, 0, .35);--shadow-card: 0 16px 50px rgba(0, 0, 0, .5), 0 0 60px rgba(var(--blush-rgb), .06);color-scheme:dark}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--paper);background-image:radial-gradient(60rem 40rem at 15% -10%,rgba(var(--blush-rgb),.13),transparent 60%),radial-gradient(45rem 35rem at 100% 100%,rgba(var(--blush-rgb),.09),transparent 60%);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2.5rem 1.25rem 3rem}.card{width:100%;max-width:33rem}.theme-toggle{position:fixed;top:1.1rem;right:1.1rem;z-index:15;width:2.4rem;height:2.4rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.15rem;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-soft);transition:border-color .15s ease,color .15s ease,background-color .2s ease}.theme-toggle svg{display:block;width:1.15rem;height:1.15rem}.back-to-top{position:fixed;bottom:1.1rem;right:1.1rem;z-index:15;width:2.4rem;height:2.4rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-soft);transition:border-color .15s ease,color .15s ease,background-color .2s ease}.back-to-top svg{display:block;width:1.15rem;height:1.15rem}.back-to-top:hover:not(:disabled){transform:none;border-color:rgba(var(--blush-rgb),.5);color:var(--blush-deep);box-shadow:var(--shadow-soft)}.theme-toggle:hover:not(:disabled){transform:none;border-color:rgba(var(--blush-rgb),.5);color:var(--blush-deep);box-shadow:var(--shadow-soft)}.brand{display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--serif);font-weight:700;font-size:1.85rem;letter-spacing:.12em;margin:0;color:var(--ink)}.brand-mark{font-size:1.4rem;line-height:1}.saying{margin:1.15rem 0 0;text-align:center;font-family:var(--serif);font-size:1.02rem;font-weight:500;line-height:2;letter-spacing:.14em;color:var(--ink-soft)}.saying em{font-style:normal;color:var(--blush-deep)}.rule{width:2.5rem;height:1px;background:var(--blush);opacity:.5;border:none;margin:1.6rem auto 0}.intro{margin:1.4rem 0 0;text-align:center;font-size:.92rem;font-weight:300;line-height:1.95;color:var(--ink-soft)}form{margin-top:2rem;background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem 1.5rem 1.5rem;box-shadow:var(--shadow-card)}label{display:block;font-size:.86rem;font-weight:500;color:var(--ink);margin-bottom:.6rem}.optional{font-weight:300;color:var(--ink-soft)}textarea,input{width:100%;font-family:inherit;font-size:1rem;color:var(--ink);background:var(--input-bg);border:1px solid var(--line);border-radius:16px;padding:.95rem 1rem;line-height:1.85;transition:border-color .15s ease,box-shadow .15s ease}textarea{min-height:9.5rem;resize:vertical}textarea::placeholder,input::placeholder{color:var(--ink-soft);font-weight:300}textarea:focus,input:focus{outline:none;border-color:var(--blush);box-shadow:0 0 0 4px rgba(var(--blush-rgb),.12)}.compose{border:2px dashed transparent;border-radius:18px;transition:border-color .15s ease,background-color .15s ease}.compose.is-drag-over{border-color:var(--blush);background:rgba(var(--blush-rgb),.08)}.attach-row{display:flex;align-items:center;flex-wrap:wrap;gap:.6rem;margin-top:.7rem;position:relative}.attach-menu-wrap{position:relative;display:inline-flex}.attach-plus{width:2.2rem;height:2.2rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--ink-soft);background:var(--input-bg);border:1px solid var(--line);border-radius:999px;box-shadow:none;transition:border-color .15s ease,color .15s ease}.attach-plus svg{display:block;width:1.1rem;height:1.1rem}.attach-plus:hover:not(:disabled){transform:none;border-color:rgba(var(--blush-rgb),.5);color:var(--blush-deep)}.attach-plus[aria-expanded=true]{border-color:var(--blush);color:var(--blush-deep)}.attach-menu{position:absolute;bottom:calc(100% + .4rem);left:0;z-index:5;display:flex;flex-direction:column;gap:.2rem;min-width:9rem;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.4rem;box-shadow:var(--shadow-soft)}.attach-menu-item{display:flex;align-items:center;gap:.5rem;width:100%;margin:0;padding:.55rem .7rem;cursor:pointer;text-align:left;font-size:.86rem;font-weight:400;letter-spacing:normal;color:var(--ink-soft);background:none;border:none;border-radius:10px;box-shadow:none}.attach-menu-item:hover{transform:none;box-shadow:none;color:var(--blush-deep);background:var(--blush-wash)}.attach-menu-item:focus-within{color:var(--blush-deep);background:var(--blush-wash)}.attach-link-input{position:absolute;bottom:calc(100% + .4rem);left:0;z-index:5;display:flex;flex-direction:column;gap:.35rem;width:max(16rem,100%);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.5rem;box-shadow:var(--shadow-soft)}.attach-link-input-row{display:flex;align-items:center;gap:.4rem}.attach-link-field{flex:1;min-width:0;border-radius:10px;padding:.5rem .7rem;font-size:.86rem}.attach-link-input .link-button{width:auto;margin-top:0;white-space:nowrap}.attach-link-error{margin:0;font-size:.8rem;font-weight:300;color:var(--error)}.attach-status{font-size:.82rem;font-weight:300;color:var(--ink-soft)}.attach-status-error{color:var(--error)}.attach-status-error .link-button{margin-top:0;margin-left:.4rem}.attach-preview{position:relative;display:inline-flex;line-height:0}.attach-preview img,.attach-preview .turn-attachment-video,.attach-preview .turn-attachment-audio,.attach-preview .turn-attachment-broken,.attach-preview .turn-attachment-pending,.turn-attachment img,.turn-attachment .turn-attachment-video,.turn-attachment .turn-attachment-audio,.turn-attachment .turn-attachment-broken,.turn-attachment .turn-attachment-pending{display:block;width:3.4rem;height:3.4rem;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.turn-attachment-video{position:relative}.turn-attachment-video video{width:100%;height:100%;object-fit:cover;border-radius:inherit}.turn-attachment-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;background:#00000047;border-radius:inherit}.turn-attachment-audio{display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--blush-wash)}.turn-attachment-broken{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);background:var(--blush-wash)}.turn-attachment-broken svg{width:1.3rem;height:1.3rem}.turn-attachment-pending{display:flex;align-items:center;justify-content:center;background:var(--blush-wash);cursor:not-allowed}.turn-attachment-spinner{width:1.1rem;height:1.1rem;border:2px solid var(--line);border-top-color:var(--ink-faint);border-radius:999px;animation:turn-attachment-spin .8s linear infinite}@media(prefers-reduced-motion:reduce){.turn-attachment-spinner{animation:none;border-top-color:var(--line)}}@keyframes turn-attachment-spin{to{transform:rotate(360deg)}}.attach-remove{position:absolute;top:-.6rem;right:-.6rem;width:1.5rem;height:1.5rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--ink-soft);background:var(--card);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow-soft)}.attach-remove:hover:not(:disabled){transform:none;color:var(--blush-deep);border-color:rgba(var(--blush-rgb),.5)}.turn-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.turn-attachment{display:inline-flex;width:auto;margin:0;padding:0;line-height:0;background:none;border:none;border-radius:12px;box-shadow:none;cursor:zoom-in}.turn-attachment:hover:not(:disabled){transform:none;box-shadow:0 0 0 3px rgba(var(--blush-rgb),.18)}.lightbox-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#140e10c7}.lightbox-content{position:relative;max-width:min(90vw,640px);max-height:85vh;line-height:0}.lightbox-content img,.lightbox-content video{display:block;max-width:100%;max-height:85vh;border-radius:14px;background:#000}.lightbox-content audio{display:block;width:min(90vw,22rem)}.lightbox-broken{display:flex;flex-direction:column;align-items:center;gap:.9rem;width:min(90vw,22rem);padding:2.5rem 1.5rem;color:#cdc3c6;background:#1c1418;border-radius:14px;text-align:center;line-height:1.5}.lightbox-broken svg{width:2.2rem;height:2.2rem;flex-shrink:0}.lightbox-broken p{margin:0;font-size:.92rem}.lightbox-close{position:absolute;top:-2.4rem;right:0;width:2rem;height:2rem;margin:0;padding:0;display:flex;align-items:center;justify-content:center;font-size:1.3rem;color:#fff;background:#ffffff29;border:none;border-radius:999px;box-shadow:none}.lightbox-close:hover{transform:none;background:#ffffff47}.picker{border:none;margin:0 0 1.3rem;padding:0}.picker legend{padding:0;font-size:.86rem;font-weight:500;color:var(--ink);margin-bottom:.6rem}.picker-legend{margin:0 0 .6rem;font-size:.86rem;font-weight:500;color:var(--ink)}.picker-options{display:grid;grid-template-columns:minmax(0,1fr);gap:.7rem}.picker-options:has(>:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.picker-options:has(>:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}.picker-options:has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:430px){.picker-options:has(>:nth-child(3)){grid-template-columns:repeat(2,minmax(0,1fr))}}.picker-option{min-width:0;margin:0;display:flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;text-align:center;font-size:.95rem;font-weight:400;color:var(--ink-soft);background:var(--input-bg);border:1px solid var(--line);border-radius:14px;padding:.8rem .7rem;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.picker-option:hover{border-color:rgba(var(--blush-rgb),.5)}.picker-option.is-selected{color:var(--blush-deep);font-weight:500;border-color:var(--blush);background:var(--blush-wash);box-shadow:0 0 0 3px rgba(var(--blush-rgb),.1)}.picker-option.is-sole{cursor:default}.picker-option.is-sole:hover{border-color:var(--blush)}.picker-option:focus-within{border-color:var(--blush);box-shadow:0 0 0 4px rgba(var(--blush-rgb),.16)}.gate{margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid var(--line)}.gate:first-child{margin-top:0;padding-top:0;border-top:none}.gate label{font-size:.8rem;font-weight:400;color:var(--ink-soft)}.gate input{border-radius:12px;padding:.7rem .9rem;font-size:.95rem;letter-spacing:.1em}.gate-hint{margin:.55rem 0 0;font-size:.76rem;font-weight:300;line-height:1.7;color:var(--ink-soft)}button{width:100%;margin-top:1.4rem;cursor:pointer;border:none;border-radius:999px;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.16em;padding:.95rem 1rem;color:var(--button-ink);background:linear-gradient(100deg,var(--blush),var(--blush-bright));box-shadow:0 6px 18px rgba(var(--blush-deep-rgb),.28);transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 9px 24px rgba(var(--blush-deep-rgb),.34)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.transcript{display:flex;flex-direction:column;gap:1.1rem}.transcript:not(:empty){margin-top:1.4rem}.turn-question{margin:0 0 .6rem;font-size:.86rem;font-weight:400;line-height:1.8;color:var(--ink-soft);white-space:pre-wrap}.link-button{width:auto;margin-top:.7rem;padding:0;font-size:.82rem;font-weight:400;letter-spacing:normal;color:var(--ink-soft);background:none;box-shadow:none;text-decoration:underline;text-decoration-color:var(--ink-faint);text-underline-offset:.2em}.link-button:hover:not(:disabled){transform:none;box-shadow:none;color:var(--blush-deep)}.gate-confirmed{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;font-weight:400;color:var(--ink-soft)}.gate-confirmed .link-button{margin-top:0}.error{margin-top:1.1rem;font-size:.9rem;line-height:1.8;color:var(--error);background:var(--blush-wash);border:1px solid rgba(var(--blush-deep-rgb),.28);border-radius:14px;padding:.85rem 1rem}.reply{margin-top:0;background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blush);border-radius:18px;padding:1.5rem 1.5rem 1.6rem;box-shadow:var(--shadow-soft)}.reply-name{display:block;font-family:var(--serif);font-weight:600;font-size:1rem;letter-spacing:.1em;color:var(--blush-deep);margin-bottom:.9rem}.reply-text{margin:0;white-space:pre-wrap;font-size:.97rem;line-height:2.05;color:var(--ink)}.transcript-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.3rem 1.1rem;margin:.9rem 0 0}.save-button,.copy-button{margin-top:0}.footer{margin:1.8rem 0 0;text-align:center;font-size:.76rem;font-weight:300;line-height:1.9;color:var(--ink-soft)}.footer a{color:var(--blush-deep);text-decoration-color:rgba(var(--blush-deep-rgb),.4)}@media(max-width:30rem){.page{padding:1.75rem 1rem 2.5rem}form{padding:1.3rem 1.15rem 1.25rem;border-radius:20px}.brand{font-size:1.6rem}.saying{font-size:.94rem;letter-spacing:.1em}.intro br{display:none}.intro,.footer{text-wrap:pretty}.picker-options{flex-direction:column;gap:.55rem}}.legal{margin-top:1.6rem;text-align:center}.legal .footer,.legal-details>summary,.legal-body{color:var(--ink)}.powered-by{margin:.9rem 0 0;font-size:.74rem;color:var(--ink-soft)}.powered-by a{color:var(--ink-soft);text-decoration:underline;text-underline-offset:2px}.legal-details{margin-top:.5rem;font-size:.8rem}.legal-details>summary{cursor:pointer;list-style:none;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--ink-rgb),.25)}.legal-details>summary::-webkit-details-marker{display:none}.legal-details>summary:focus-visible{outline:2px solid var(--blush);outline-offset:3px;border-radius:6px}.legal-body{margin-top:.9rem;padding:1rem 1.1rem;text-align:left;line-height:1.75;background:var(--card);border:1px solid var(--line);border-radius:14px}.legal-body h3{margin:0 0 .5rem;font-family:var(--serif);font-size:.9rem;font-weight:600;color:var(--ink)}.legal-body h3+ul{margin-top:0}.legal-body ul{margin:0 0 1.1rem;padding-left:1.1rem}.legal-body ul:last-child{margin-bottom:0}.legal-body li{margin-bottom:.4rem}.gate-remember{display:flex;align-items:center;gap:.45rem;margin-top:.7rem;font-size:.82rem;font-weight:400;color:var(--ink-soft);cursor:pointer}.gate-remember input{width:auto;margin:0;accent-color:var(--blush-deep);cursor:pointer}
