*,:after,:before{box-sizing:border-box;margin:0;padding:0}.novel-shell{height:100dvh;background:#f5f0e8;color:#2c1e0f;font-family:Georgia,Times New Roman,serif;overflow:hidden}.novel-shell,.novel-topbar{display:flex;flex-direction:column}.novel-topbar{align-items:center;padding:14px 20px 10px;border-bottom:1px solid #d4c9b0;background:#ede8dc;flex-shrink:0}.novel-title{font-size:1rem;font-weight:700;letter-spacing:.02em;color:#2c1e0f}.novel-author{font-size:.75rem;color:#7a6a55;margin-top:2px;font-style:italic}.novel-content{flex:1 1;overflow-y:auto;padding:22px 22px 12px;-webkit-overflow-scrolling:touch}.novel-text{max-width:540px;margin:0 auto}.novel-para{font-size:1.06rem;line-height:1.85;color:#2c1e0f;margin-bottom:1.1em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.novel-para span{cursor:text}.novel-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px max(10px,env(safe-area-inset-bottom));background:#ede8dc;border-top:1px solid #d4c9b0;flex-shrink:0}.novel-btn{background:none;border:1px solid #b8a98a;color:#5a4a35;font-size:.82rem;padding:6px 16px;border-radius:6px;cursor:pointer;font-family:inherit}.novel-btn:disabled{opacity:.3;cursor:default}.novel-btn:active{background:#d4c9b0}.novel-page-num{font-size:.78rem;color:#8a7a65;font-style:italic}.novel-loading{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#8a7a65;font-size:.88rem}@keyframes novelSpin{to{transform:rotate(1turn)}}.novel-spinner{width:28px;height:28px;border:3px solid #d4c9b0;border-top-color:#8a7a65;border-radius:50%;animation:novelSpin .9s linear infinite}:root{--bg:#09090b;--surface:#18181b;--surface2:#27272a;--surface3:#3f3f46;--accent:#a855f7;--accent2:#7c3aed;--green:#22c55e;--red:#ef4444;--orange:#f97316;--text:#fafafa;--subtext:#71717a;--r:18px}body,html{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;touch-action:manipulation}.screen-select{flex-direction:column;justify-content:center;height:100dvh;gap:14px;padding:32px 24px;text-align:center}.logo-wrap,.screen-select{display:flex;align-items:center}.logo-wrap{gap:10px;margin-bottom:6px}.logo-icon{width:52px;height:52px}.app-name{font-size:2.4rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#a855f7,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--subtext);font-size:.9rem;margin-bottom:10px}.pick-btn{width:100%;max-width:300px;padding:17px 24px;font-size:1rem;font-weight:600;border-radius:var(--r);border:none;cursor:pointer;transition:transform .1s,opacity .1s;letter-spacing:-.2px}.pick-btn:active{transform:scale(.97);opacity:.85}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.recordings-panel{position:absolute;top:48px;left:0;right:0;z-index:50;max-height:65dvh;overflow-y:auto;flex-direction:column;box-shadow:0 6px 24px rgba(0,0,0,.5)}.rec-panel-header,.recordings-panel{background:var(--surface);border-bottom:1px solid var(--surface3);display:flex}.rec-panel-header{align-items:center;justify-content:space-between;padding:10px 14px;font-weight:600;font-size:.9rem;position:-webkit-sticky;position:sticky;top:0;z-index:1}.rec-live-badge{color:#ef4444;font-size:.75rem;margin-left:6px;animation:recPulse 1s ease-in-out infinite}.rec-close-btn{background:none;border:none;color:var(--subtext);font-size:1rem;cursor:pointer;padding:2px 6px}.rec-empty{padding:24px 14px;text-align:center;color:var(--subtext);font-size:.85rem;line-height:1.5}.rec-item,.rec-list{display:flex;flex-direction:column}.rec-item{padding:10px 14px;border-bottom:1px solid var(--surface2);gap:8px}.rec-video{width:100%;border-radius:10px;background:#000;max-height:200px;object-fit:contain}.rec-meta{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--subtext);gap:8px}.rec-dl-btn{background:var(--surface2);color:var(--text);text-decoration:none;padding:4px 8px;border-radius:6px;font-size:.75rem}.rec-del-btn{background:none;border:none;cursor:pointer;font-size:.85rem;padding:2px 4px;color:#ef4444;opacity:.7}.rec-del-btn:hover{opacity:1}.audio-msg{gap:10px;min-width:200px;max-width:260px;padding:2px 0}.audio-msg,.audio-play-btn{display:flex;align-items:center}.audio-play-btn{flex-shrink:0;width:38px;height:38px;border-radius:50%;border:none;background:hsla(0,0%,100%,.15);color:#fff;font-size:1rem;cursor:pointer;justify-content:center;transition:background .15s}.audio-mine .audio-play-btn{background:hsla(0,0%,100%,.25)}.audio-them .audio-play-btn{background:rgba(168,85,247,.35)}.audio-play-btn:active{transform:scale(.92)}.audio-body{flex:1 1;display:flex;flex-direction:column;gap:4px;min-width:0}.audio-wave{display:flex;align-items:center;gap:2px;height:28px;cursor:pointer}.audio-bar{width:3px;border-radius:2px;background:currentColor;flex-shrink:0;transition:opacity .1s}.audio-mine .audio-bar{color:hsla(0,0%,100%,.9)}.audio-them .audio-bar{color:var(--accent)}.audio-time{font-size:.7rem;opacity:.65;letter-spacing:.02em}@keyframes heartbeat{0%,to{transform:scale(1);opacity:1}25%{transform:scale(1.4);opacity:.8}50%{transform:scale(1);opacity:1}75%{transform:scale(1.2);opacity:.9}}.heartbeat{display:inline-block;margin-left:6px;animation:heartbeat 1.4s ease-in-out infinite;font-size:.9rem}.peer-mood{margin-left:6px;font-size:1rem}.mood-picker{position:absolute;top:48px;right:0;z-index:50;display:flex;gap:6px;padding:10px 14px;border:1px solid var(--surface3);border-radius:0 0 16px 16px;overflow-x:auto;box-shadow:0 6px 20px rgba(0,0,0,.5)}.mood-btn,.mood-picker{background:var(--surface2)}.mood-btn{border:2px solid transparent;border-radius:50%;width:38px;height:38px;font-size:1.2rem;cursor:pointer;flex-shrink:0;transition:border-color .15s,transform .1s}.mood-btn:active{transform:scale(.88)}.mood-btn-active{border-color:var(--accent)}.mood-btn-clear{font-size:.75rem;color:var(--subtext);background:var(--surface3)}.special-card{display:flex;align-items:center;gap:8px;margin:4px auto;padding:10px 16px;border-radius:18px;background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(236,72,153,.12));border:1px solid rgba(168,85,247,.3);max-width:260px;font-size:.88rem;color:var(--text);animation:fadeInUp .3s ease}.special-mine{margin-left:auto;margin-right:8px}.special-them{margin-right:auto;margin-left:8px}.special-miss{background:linear-gradient(135deg,rgba(249,115,22,.15),rgba(236,72,153,.12));border-color:rgba(249,115,22,.3)}.special-icon{font-size:1.4rem;flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.bubble-ink{filter:blur(7px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:filter .3s;background:var(--surface3)!important}.bubble-ink:hover{filter:blur(5px)}.ink-hint{font-size:.8rem;opacity:.7}.reaction-picker{display:flex;gap:4px;padding:6px 10px;background:var(--surface2);border:1px solid var(--surface3);border-radius:999px;position:absolute;top:-44px;z-index:10;box-shadow:0 4px 16px rgba(0,0,0,.4);animation:fadeInUp .15s ease}.rpicker-me{right:0}.rpicker-them{left:0}.rpicker-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:2px 4px;border-radius:8px;transition:transform .1s}.rpicker-btn:active{transform:scale(1.3)}.rpicker-close{font-size:.7rem;color:var(--subtext);padding:2px 6px}.reaction-row{display:flex;gap:4px;padding:0 8px 4px}.reaction-row-me{justify-content:flex-end}.reaction-row-them{justify-content:flex-start}.reaction-chip{background:var(--surface2);border:1px solid var(--surface3);border-radius:999px;padding:2px 7px;font-size:.9rem}.btn-love{background:rgba(168,85,247,.25)!important}.btn-miss{background:rgba(249,115,22,.22)!important}.btn-ink-on{background:rgba(99,102,241,.35)!important}.photo-wall-panel{position:absolute;top:48px;left:0;right:0;z-index:50;background:var(--surface);border-bottom:1px solid var(--surface3);max-height:65dvh;overflow-y:auto;box-shadow:0 6px 24px rgba(0,0,0,.5)}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2px;gap:2px;padding:2px}.photo-thumb{position:relative;aspect-ratio:1;overflow:hidden;display:block;background:var(--surface2)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s}.photo-thumb:active img{transform:scale(.95)}.photo-thumb-who{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.55);color:#fff;font-size:.65rem;padding:1px 5px;border-radius:4px}.location-card{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--surface3);border-radius:14px;padding:10px 14px;margin:0 10px 6px;font-size:.82rem}.loc-pin{font-size:1.3rem;flex-shrink:0}.loc-info{flex:1 1;min-width:0}.loc-address{color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-meta{color:var(--subtext);font-size:.72rem;margin-top:2px}.loc-open-btn{flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;text-decoration:none;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:700;white-space:nowrap}.username-input{width:100%;padding:15px 18px;border-radius:var(--r);border:1.5px solid var(--surface3);background:var(--surface);color:var(--text);font-size:1rem;font-family:inherit;outline:none;transition:border-color .2s}.username-input:focus{border-color:var(--accent)}.username-input::placeholder{color:var(--subtext)}.pick-btn-a{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.pick-btn-b{background:var(--surface2);color:var(--text)}.screen-perm{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100dvh;gap:12px;padding:28px 24px;text-align:center}.perm-title{font-size:1.2rem;font-weight:700}.perm-sub{color:var(--subtext);font-size:.85rem;max-width:280px;line-height:1.5}.perm-list{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;margin:4px 0}.perm-row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:12px;padding:10px 14px}.perm-row .pi{font-size:1.1rem;width:26px;text-align:center}.perm-row .pl{flex:1 1;text-align:left;font-size:.87rem;font-weight:500}.pstatus{font-size:.72rem;padding:3px 9px;border-radius:20px;font-weight:600;white-space:nowrap}.ps-pending{background:var(--surface2);color:var(--subtext)}.ps-granted{background:rgba(34,197,94,.15);color:var(--green)}.ps-denied{background:rgba(239,68,68,.15);color:var(--red)}.ps-na{background:var(--surface2);color:var(--subtext);opacity:.5}.perm-error{color:var(--red);font-size:.82rem;background:rgba(239,68,68,.1);padding:10px 14px;border-radius:12px;max-width:300px}.perm-continue-btn,.perm-retry-btn{width:100%;max-width:300px;padding:15px;border:none;border-radius:var(--r);font-size:.95rem;font-weight:600;cursor:pointer}.perm-continue-btn{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.perm-retry-btn{background:var(--surface2);color:var(--text)}.spinner{width:30px;height:30px;border:3px solid var(--surface2);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.main{display:flex;flex-direction:column;height:100dvh;position:relative;overflow:hidden}.top-bar{justify-content:space-between;padding:11px 16px;background:var(--surface);border-bottom:1px solid var(--surface2);flex-shrink:0}.top-bar,.top-bar-left{display:flex;align-items:center}.top-bar-left{gap:8px}.top-logo{width:22px;height:22px}.top-peer-name{font-size:.97rem;font-weight:600}.status-wrap{display:flex;align-items:center;gap:6px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--surface3);transition:background .3s}.status-dot-online{background:var(--green)}.status-text{font-size:.76rem;color:var(--subtext)}.cam-indicator{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;font-size:.76rem;color:#f87171;background:rgba(239,68,68,.1);border-bottom:1px solid rgba(239,68,68,.2);flex-shrink:0}.cam-blink{animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.cam-req-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;background:rgba(249,115,22,.1);border-bottom:1px solid rgba(249,115,22,.2);flex-shrink:0}.cam-req-text{font-size:.84rem;flex:1 1}.cam-req-text strong{color:var(--orange)}.cam-req-actions{display:flex;gap:7px}.req-btn{padding:7px 15px;border-radius:20px;border:none;font-size:.8rem;font-weight:600;cursor:pointer}.req-accept{background:var(--green);color:#fff}.req-decline{background:var(--surface2);color:var(--subtext)}.video-a-area,.video-b-area{position:relative;background:#0a0a0c;flex-shrink:0;overflow:hidden}.video-b-area{height:38dvh}.video-a-area{height:35dvh}.video-a-area video,.video-b-area video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.vid-label{left:12px;font-size:.7rem;color:hsla(0,0%,100%,.75);background:rgba(0,0,0,.45);padding:3px 9px;border-radius:10px}.vid-label,.vid-stop-btn{position:absolute;bottom:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vid-stop-btn{right:12px;background:rgba(239,68,68,.85);border:none;color:#fff;font-size:.72rem;font-weight:600;padding:5px 12px;border-radius:10px;cursor:pointer}.chat-area{flex:1 1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.messages{flex:1 1;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth}.sys-msg{text-align:center;font-size:.7rem;color:var(--subtext);margin:8px 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.msg-row{display:flex;margin:3px 0}.msg-row-me{justify-content:flex-end}.msg-row-them{justify-content:flex-start}.bubble{max-width:72%;padding:9px 13px;border-radius:19px;font-size:.92rem;line-height:1.45;word-break:break-word}.bubble-me{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-bottom-right-radius:5px}.bubble-them{background:var(--surface2);color:var(--text);border-bottom-left-radius:5px}.msg-time{font-size:.62rem;color:var(--subtext);align-self:flex-end;margin:0 5px 2px;white-space:nowrap}.action-drawer{display:flex;gap:8px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--surface2);overflow-x:auto;flex-shrink:0;-webkit-overflow-scrolling:touch}.action-chip{display:flex;align-items:center;gap:5px;padding:7px 13px;border-radius:999px;border:1px solid var(--surface3);background:var(--surface2);color:var(--text);font-size:.82rem;white-space:nowrap;cursor:pointer;flex-shrink:0;transition:background .15s}.action-chip:active{background:var(--surface3)}.action-chip-on{border-color:var(--accent);background:rgba(168,85,247,.2)}.input-bar{display:flex;align-items:flex-end;gap:6px;padding:8px 10px max(8px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--surface2);flex-shrink:0}.msg-input{flex:1 1;min-height:38px;max-height:110px;padding:9px 14px;border-radius:19px;border:none;background:var(--surface2);color:var(--text);font-size:.92rem;font-family:inherit;resize:none;outline:none;line-height:1.4;overflow-y:auto}.msg-input::placeholder{color:var(--subtext)}.icon-btn{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;transition:transform .1s,opacity .1s}.icon-btn:active{transform:scale(.9);opacity:.8}.btn-send{background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff}.btn-send:disabled{cursor:default}.btn-cam,.btn-send:disabled{background:var(--surface2);color:var(--subtext)}.btn-cam-req{background:var(--orange);color:#fff;animation:pulse 1.5s infinite}.btn-cam-watching{background:var(--red);color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.receipt{display:inline-block;font-size:.7rem;margin-left:5px;vertical-align:middle}.receipt-sent{opacity:.45}.receipt-read{color:#60a5fa;opacity:1}.video-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0a0a0c;color:var(--subtext);font-size:.82rem}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:var(--surface2);border-radius:4px}.novel-mgmt-panel{position:absolute;top:48px;left:0;right:0;z-index:60;background:var(--surface);border-bottom:1px solid var(--surface3);max-height:80dvh;overflow-y:auto;box-shadow:0 6px 28px rgba(0,0,0,.55);display:flex;flex-direction:column;gap:0}.nmgmt-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--surface2)}.nmgmt-label{font-size:.88rem;color:var(--text)}.nmgmt-toggle{padding:5px 16px;border-radius:999px;border:1.5px solid var(--surface3);background:var(--surface2);color:var(--subtext);font-size:.8rem;font-weight:700;cursor:pointer;min-width:56px;text-align:center;transition:all .15s}.nmgmt-toggle-on{background:var(--accent);border-color:var(--accent);color:#fff}.nmgmt-section-title{padding:10px 16px 4px;font-size:.75rem;color:var(--subtext);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.nmgmt-steps{display:flex;flex-direction:column;gap:2px;padding:4px 12px}.nmgmt-step-row{display:flex;align-items:center;gap:8px;border-radius:10px;background:var(--surface2);padding:8px 10px}.nmgmt-step-num{font-size:.75rem;font-weight:700;color:var(--accent);width:18px;flex-shrink:0;text-align:center}.nmgmt-fields{display:flex;gap:8px;flex:1 1;min-width:0}.nmgmt-field{display:flex;flex-direction:column;gap:2px}.nmgmt-field-label{font-size:.62rem;color:var(--subtext);text-transform:uppercase;letter-spacing:.04em}.nmgmt-input{background:var(--surface3);border:1.5px solid transparent;border-radius:7px;color:var(--text);font-size:.85rem;font-family:inherit;outline:none;transition:border-color .15s}.nmgmt-input:focus{border-color:var(--accent)}.nmgmt-input-page{width:58px;padding:5px 8px;text-align:center}.nmgmt-input-word{width:110px;padding:5px 8px}.nmgmt-del-btn{background:none;border:none;color:#ef4444;font-size:.75rem;cursor:pointer;padding:4px 6px;border-radius:6px;opacity:.7;flex-shrink:0}.nmgmt-del-btn:disabled{opacity:.2;cursor:default}.nmgmt-del-btn:hover:not(:disabled){opacity:1;background:rgba(239,68,68,.1)}.nmgmt-add-btn{margin:8px 16px 4px;padding:8px 14px;background:none;border:1.5px dashed var(--surface3);border-radius:10px;color:var(--subtext);font-size:.82rem;cursor:pointer;text-align:left;transition:border-color .15s,color .15s}.nmgmt-add-btn:hover{border-color:var(--accent);color:var(--accent)}.nmgmt-actions{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--surface2)}.nmgmt-cancel-btn{flex:1 1;border-radius:12px;border:1.5px solid var(--surface3);background:var(--surface2);color:var(--subtext)}.nmgmt-cancel-btn,.nmgmt-save-btn{padding:10px;font-size:.88rem;cursor:pointer;font-family:inherit}.nmgmt-save-btn{flex:2 1;border-radius:12px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;font-weight:600;transition:opacity .15s}.nmgmt-save-btn:disabled{opacity:.4;cursor:default}@media (min-width:640px){body{display:flex;justify-content:center;background:#050507}.main,.novel-shell,.screen-select{max-width:480px;width:100%;box-shadow:0 0 0 1px var(--surface2),0 24px 64px rgba(0,0,0,.6);border-radius:0}.mood-picker,.novel-mgmt-panel,.photo-wall-panel,.recordings-panel{max-width:480px}.video-b-area{height:28dvh;max-height:240px}.video-a-area{height:24dvh;max-height:200px}.bubble{max-width:66%}.msg-input{font-size:.95rem}.screen-select{padding:48px 32px}}