:root{font-family:ui-rounded,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;color:#171715;background:#f6f3ee;font-synthesis:none;--paper:#f6f3ee;--ink:#171715;--accent:#171715;--wash:#e9e6df;--muted:#6c6963;--line:#d4d0c7;--thread:#88857e}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}svg{width:21px;height:21px;flex-shrink:0;vertical-align:middle}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;min-height:44px;border-radius:16px;font-size:14px;font-weight:600;transition:background .18s,transform .18s}button:not(:disabled):active{transform:scale(.96)}a{color:inherit}input{width:100%;background:#faf8f3;border:1px solid var(--line);padding:14px;border-radius:14px;min-height:50px;color:inherit}input:focus{outline:2px solid var(--accent);outline-offset:2px}label{font-size:12px;font-weight:500}form{display:grid;gap:12px;text-align:left}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.4;letter-spacing:-1px;font-weight:700}h2{font-size:17px;font-weight:600}p{line-height:1.7;color:var(--muted);font-size:13px}strong{font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{width:min(100% - 40px,460px);margin:0 auto;padding:env(safe-area-inset-top) 0 max(20px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column}header{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px}.brand{text-decoration:none;transform:rotate(-1.5deg);display:flex;align-items:center;gap:8px;font-size:24px;font-weight:800;letter-spacing:-1.3px}.brand-dot{color:var(--accent);margin-left:-6px}.brand-icon{display:grid;place-items:center;color:var(--accent);width:30px;height:36px;transform:rotate(-12deg)}.brand-icon svg{width:26px;height:26px;fill:none;stroke-width:2.6}.quiet-icon{width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;color:var(--muted);background:transparent}.quiet-icon:hover{background:#e8e4dc}.quiet-icon svg{width:20px;height:20px}.quiet-icon[data-action=settings] svg{fill:var(--paper)}main{flex:1}.stage{text-align:center;padding:44px 10px 28px;display:flex;flex-direction:column;align-items:center;gap:16px}.stage.intro{padding-top:18px}.intro h1{font-size:34px;letter-spacing:-1.4px}.intro p{font-size:14px}.couple{display:block;width:190px;height:190px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}.intro>.couple{width:230px;height:230px;margin-bottom:4px}.intro-thread{display:flex;align-items:center;justify-content:center;width:100%;margin:16px 0 26px;color:var(--accent)}.intro-thread>span{display:grid;place-items:center;border:1px solid #171715;background:#f6f3ee;border-radius:50%;height:44px;width:44px}.intro-thread>svg{width:140px;height:42px;overflow:visible;fill:none;stroke:var(--thread);stroke-width:2;stroke-linecap:round;stroke-dasharray:2 6}.stack{display:flex;flex-direction:column;gap:10px;width:min(100%,310px)}.primary{border:2px solid var(--ink);background:var(--accent);color:#f6f3ee;padding:14px 24px;box-shadow:none}.primary:hover{background:#363632}.secondary{background:#faf8f3;border:1px solid var(--line);color:var(--ink);padding:12px 20px}.text-button{background:none;padding:8px;color:var(--muted);font-size:12px;font-weight:500}.small{font-size:11px;line-height:1.7;color:var(--muted);text-align:center}.demo-bar{margin:0 0 16px;padding:5px 8px 5px 12px;background:#eae7e0;border-radius:12px;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:10px}.segmented{display:flex;border-radius:8px;gap:2px}.segmented button{font-size:10px;min-height:32px;padding:4px 10px;border-radius:8px;background:none;color:inherit;font-weight:500}.segmented button[aria-pressed=true]{background:#f6f3ee;box-shadow:0 1px 3px #17171500;color:var(--ink)}.journey-head{display:flex;align-items:center;justify-content:space-between;padding:4px 0 18px;gap:12px}.journey-head h1{font-size:13px;font-weight:500;letter-spacing:-.2px;display:flex;align-items:center;gap:7px;color:var(--muted)}.journey-head h1 svg{width:14px;height:14px;color:#171715;fill:#171715;stroke-width:1.5}.history-count{background:none;color:var(--ink);font-size:12px;padding:0 0 0 14px;font-weight:500;gap:5px}.history-count span{color:var(--muted);font-size:10px}.history-count svg{width:15px;margin-left:5px;color:var(--muted)}.relay-list{padding:0;margin:0;list-style:none}.relay-step{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-bottom:34px}.relay-step.from-me{align-items:flex-end}.voice-card{width:86%;padding:12px 14px 14px;border:1.5px solid #b7b2a8;border-radius:25px 21px 27px 7px/20px 26px 22px 8px;background:#faf8f3;position:relative;z-index:1;box-shadow:0 3px 10px #17171500}.voice-card.mine{border-radius:23px 28px 7px 25px/25px 21px 8px 23px;background:#ebe7df;border-color:#b7b2a8}.voice-card.unheard{border-color:#171715;box-shadow:0 0 0 3px #17171500}.voice-meta{display:flex;align-items:center;gap:8px;font-size:10px;line-height:16px;margin-bottom:9px;color:var(--muted)}.sender{display:flex;align-items:center;gap:5px;font-weight:600;color:var(--ink)}.voice-meta time{font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.2px}.heard{margin-left:auto;height:14px;display:flex;align-items:center}.heard svg{width:12px;height:12px;stroke-width:1.8}.new-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%}.voice-body{display:flex;align-items:center;gap:10px}.play-button{width:44px;min-width:44px;height:44px;border-radius:47% 53% 51% 49%;background:transparent;color:var(--ink);padding:0}.play-button:hover{background:#dfdbd2}.play-button svg{width:32px;height:32px}.download-button{width:44px;min-width:44px;height:44px;border:2px solid #171715;border-radius:50%;background:#f6f3ee;color:var(--accent);padding:0}.download-button:hover{background:#e4dfd5}.download-button svg{width:18px;height:18px}.voice-wave{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;position:relative;padding-bottom:3px}.wave{display:flex;align-items:center;justify-content:center;gap:3px;height:34px;width:100%;overflow:hidden;color:#77756e}.wave i{flex:1 1 3px;max-width:4px;min-width:2px;display:block;height:var(--h);max-height:30px;border-radius:8px;background:currentColor}.voice-card.mine .wave{color:#77756e}.voice-card.unheard .wave,.is-playing .wave{color:var(--accent)}.duration{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:23px}.audio-progress{display:block;width:100%;height:2px;border:0;border-radius:3px;overflow:hidden;background:#d9d5cb;accent-color:var(--accent)}progress::-webkit-progress-bar{background:#d9d5cb}progress::-webkit-progress-value{background:var(--accent);border-radius:3px}progress::-moz-progress-bar{background:var(--accent)}.relay-thread{position:absolute;bottom:0;left:0;width:100%;height:34px;overflow:visible;fill:none;stroke:var(--thread);stroke-width:2;stroke-linecap:round;stroke-dasharray:2 6}.composer{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:16px 20px 20px;background:#eeebe3;border:1px solid #d4d0c7;border-radius:24px 29px 25px 27px/28px 24px 30px 23px;position:relative}.composer:before{content:"";width:7px;height:7px;position:absolute;top:-4px;left:calc(50% - 3.5px);border-radius:50%;background:#171715;border:2px solid var(--paper)}.turn-label{font-size:12px;color:var(--muted)}.record-button,.send-button{min-height:56px;min-width:210px;border-radius:27px 31px 29px 25px/30px 26px 30px 25px;font-size:15px;gap:10px}.record-button svg{width:23px;height:23px}.composer>.small{font-size:10px;margin-top:-5px}.demo-tone{font-size:10px;min-height:30px;padding:3px 8px;margin-top:-7px}.waiting{padding:20px;gap:9px;min-height:134px;background:transparent;border-color:transparent}.waiting-mark{color:#6c6963}.waiting-mark svg{width:25px;height:25px;stroke-width:1.4}.waiting-mark:has(svg path[d^=M7]){transform:rotate(-22deg)}.waiting p{font-size:12px;letter-spacing:.1px}.waiting-dots{display:flex;gap:5px;padding-top:4px}.waiting-dots i{width:3px;height:3px;background:#8c8980;border-radius:50%}.draft-composer{padding-top:20px}.draft-preview{display:flex;align-items:center;gap:12px;width:100%;margin-bottom:3px}.draft-preview .quiet-icon{width:36px;min-width:36px}.draft-preview .voice-wave{max-width:180px}.send-button{width:100%}.recording-display{display:flex;align-items:center;gap:20px;width:100%;justify-content:center;padding:6px 0}.recording-display>.wave{max-width:100px;color:var(--accent)}.recording-time{font-size:26px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.recording-time span{font-size:11px;color:var(--muted);font-weight:400}.is-recording .wave i,.is-playing .wave i,.voice-wave.is-playing .wave i{animation:pulse .7s infinite alternate;animation-delay:calc(var(--i)*45ms)}@keyframes pulse{to{transform:scaleY(.35)}}.first-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px 0 0}.first-message .couple{width:210px;height:210px;margin-bottom:12px}.empty-thread{height:48px;border-left:2px dotted var(--thread)}.section-head{display:flex;align-items:center;gap:8px;padding:8px 0 24px}.section-head h1{font-size:21px;letter-spacing:-.6px}.section-head>.small{margin-left:auto}.section-head>.quiet-icon{margin-left:-10px}.retention-note{padding:4px 0 20px;font-size:10px}.retention-note svg{width:13px;height:13px;color:var(--accent);margin-left:3px}.settings-card{padding:20px 0;border-bottom:1px solid var(--line);display:grid;gap:12px}.settings-card p.small{text-align:left}.settings-card h2{font-size:15px}.settings-card p{font-size:12px}.settings-card button{justify-self:start}.stats{display:flex;justify-content:space-between}.stats strong{font-size:24px}.stats small{font-size:12px;font-weight:400;color:var(--muted)}details{width:100%;padding:22px 0;color:var(--muted);font-size:11px}details form{padding-top:20px}summary{cursor:pointer;min-height:32px}.technical{font-size:10px;margin-top:24px}.pairing{padding-top:30px}.pairing h1{font-size:25px}.pairing .couple{margin-bottom:12px}.invite-code{font-size:clamp(20px,5.5vw,28px);letter-spacing:2px;font-family:ui-monospace,monospace;background:#faf8f3;border:1px dashed #8c8980;border-radius:18px;padding:22px 18px;margin:8px 0;max-width:100%;overflow-wrap:anywhere}.pairing-note{margin-top:24px;font-size:10px}.divider{font-size:11px;color:var(--muted);padding:8px}.warning,.error{margin:0 0 16px;border-radius:12px;padding:14px;font-size:12px;line-height:1.7}.warning{background:#eae6da;color:#514b3d}.error{background:#eee8df;color:#5b352c}.error[hidden]{display:none}#notice{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:calc(100% - 40px);width:max-content;z-index:10;border-radius:14px;padding:12px 18px;background:#171715;color:#f6f3ee;box-shadow:0 5px 24px #17171512;font-size:12px;line-height:1.6;text-align:center;pointer-events:none}#notice:empty{display:none}.loading{padding-top:120px}.loading-dot{width:12px;height:12px;border:2px solid var(--wash);border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:700px){.app-shell{padding-top:20px}header{padding-bottom:26px}.journey-head{padding-bottom:20px}.voice-card{padding:14px 18px 16px}.relay-step{padding-bottom:40px}.relay-thread{height:40px}.composer{padding-top:22px;padding-bottom:22px}.intro{margin-top:20px}}@media(max-width:380px){.app-shell{width:calc(100% - 28px)}header{padding-top:18px;padding-bottom:16px}.voice-card{width:90%;padding:11px}.voice-body{gap:7px}.wave{gap:2px}.wave i{min-width:1px}.duration{font-size:11px}.voice-meta{font-size:9px}.composer{padding-left:16px;padding-right:16px}.journey-head{padding-bottom:12px}.record-button{min-width:190px}.draft-preview{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.journey-title{display:flex;align-items:center;gap:10px;min-width:0}.journey-title .relay-couple{width:70px;height:70px}.journey-head{padding-top:0;padding-bottom:13px}.journey-head h1{color:var(--ink);font-weight:600}.brand-dot{font-size:30px}.primary svg,.download-button svg{stroke-width:2.2}.voice-card.unheard{border-width:2px}.relay-thread{stroke-width:2.2;stroke-dasharray:2 6}.heart-play{overflow:visible}.heart-pause{stroke:var(--paper)}.beating{animation:heart-beat .85s ease-in-out infinite}.waiting-mark .heart-play{width:27px;height:27px}.intro-thread .heart-play{width:24px;height:24px}.intro-thread>span{border-width:2px}.intro-thread{margin:6px 0 16px}.pairing{padding-top:12px}.pairing .couple{width:210px;height:210px}.voice-card .wave i:nth-child(3n){transform:rotate(-4deg)}.voice-card .wave i:nth-child(4n){transform:rotate(3deg)}@keyframes heart-beat{0%,to{transform:scale(.95) rotate(-4deg)}50%{transform:scale(1.07) rotate(-4deg)}}@media(max-width:380px){.journey-title{gap:6px}.journey-title .relay-couple{width:58px;height:58px}.journey-head h1{font-size:12px}.intro>.couple{width:200px;height:200px}.pairing .couple{width:180px;height:180px}.play-button svg{width:30px;height:30px}}:root{--outline-width:1.8px}.sketch-surface{position:relative;isolation:isolate;--sketch-fill:var(--paper);--sketch-stroke:var(--ink);background:transparent!important;border-color:transparent!important;box-shadow:none!important}.sketch-surface>.sketch-frame{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:-1;margin:0;transform:none}.sketch-frame>path{fill:var(--sketch-fill);stroke:var(--sketch-stroke);stroke-width:var(--outline-width);stroke-linecap:round;stroke-linejoin:round}.voice-card.sketch-surface{--sketch-fill:#faf8f3}.voice-card.mine.sketch-surface{--sketch-fill:#ebe7df}.voice-card.unheard.sketch-surface{border-width:1.5px}.composer.sketch-surface{--sketch-fill:#eeebe3}.primary.sketch-surface{--sketch-fill:var(--ink)}.primary.sketch-surface:hover{--sketch-fill:#363632}.secondary.sketch-surface{--sketch-fill:#faf8f3}.secondary.sketch-surface:hover,.download-button.sketch-surface:hover{--sketch-fill:#e4dfd5}.sketch-field{width:100%;min-width:0}.sketch-field input{display:block;position:relative;background:transparent;border-color:transparent;border-radius:14px}.invite-code.sketch-surface{--sketch-fill:#faf8f3;border-style:solid}.primary svg:not(.sketch-frame),.download-button svg:not(.sketch-frame){stroke-width:var(--outline-width)}.relay-thread,.intro-thread>svg{stroke-width:var(--outline-width)}.recovery-details{max-width:100%;text-align:left}.device-ticket{min-width:0;display:grid;gap:8px}.device-ticket>strong{font-size:13px}.device-ticket .invite-code{font-size:clamp(14px,4.1vw,23px);letter-spacing:1px;padding:18px 12px;-webkit-user-select:all;user-select:all}.ticket-actions{display:flex;gap:12px;flex-wrap:wrap}.recovery-steps{padding-left:20px;font-size:12px;line-height:1.8}.recovery-steps li+li{margin-top:8px}.settings-card details{padding:8px 0}.settings-card .stack{width:100%;max-width:310px}.settings-card .stack button{justify-self:stretch}:root{--unheard-heart:#c45f59}.voice-card.unheard .heart-play{color:var(--unheard-heart)}