.top-actions{display:flex;align-items:center;gap:8px}.top-actions .textbtn{font-weight:700;color:var(--ink)}.top-actions .textbtn.current{color:var(--blue);background:var(--pale);border-radius:10px}.online-entry{max-width:700px;margin:35px auto}.online-entry h1{font-size:clamp(1.8rem,4vw,2.7rem)}.journey-steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin:26px 0}.journey-step{padding:18px;border-radius:15px;background:#f1f5ff}.journey-step b{display:block;font-size:1.15rem;color:var(--blue);margin-bottom:6px}.journey-step span{font-size:.86rem}.share-panel{background:linear-gradient(125deg,#183aaf,#3155ed);color:#fff;border-radius:24px;padding:30px;margin-bottom:24px}.share-panel h2{font-size:1.55rem;margin:10px 0}.share-panel p{color:#e0e8ff;max-width:600px}.share-panel .actions{margin-top:20px}.share-panel .btn{background:#fff;color:var(--dark)}.share-panel .btn.line{background:transparent;border:1px solid #8299ef;color:#fff}.share-panel .eyebrow{color:#cbd9ff}.share-members{display:flex;align-items:center;gap:13px;margin-bottom:18px}.member-bubble{display:grid;place-items:center;min-width:48px;height:48px;border-radius:16px;background:#ffffff21;font-size:1.35rem}.member-bubble.waiting{border:1px dashed #a8bdff;background:transparent}.member-join{color:#a8bdff;font-size:1.25rem}.save-state{padding:13px 18px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:.875rem;color:var(--muted);margin-bottom:20px}.save-state.error{color:#a12638;background:#fff4f5;border-color:#f0c8cf}.share-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.45rem;font-weight:800;letter-spacing:.1em;word-break:break-all;background:#edf2ff;color:var(--blue);padding:18px;border-radius:14px;margin:18px 0;text-align:center}.share-modal{width:min(100%,490px);max-width:490px;max-height:90dvh;overflow:auto}.share-modal .actions{justify-content:flex-start}.share-modal p{margin:12px 0;font-size:.925rem}.share-link{width:100%;font-size:.8rem!important;letter-spacing:0!important}.online-status{display:inline-flex;align-items:center;gap:7px;font-size:.8rem;padding:5px 10px;border-radius:99px;background:#eaf0ff;color:#2142b2}.online-status:before{content:'';width:7px;height:7px;background:currentColor;border-radius:50%}.online-status.waiting{background:#fff1de;color:#986017}.online-status.paired{background:#e4f4ee;color:#086b52}.records-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:32px 0 22px}.records-head h1{font-size:2.3rem}.records-list{display:grid;gap:16px}.record-card{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;background:#fff;padding:25px;border:1px solid var(--line);border-radius:22px}.record-card h2{font-size:1.15rem;margin:10px 0 7px}.record-meta{color:var(--muted);font-size:.82rem}.record-card .actions{justify-content:flex-end}.record-card .btn{font-size:.85rem;padding:10px 15px;min-height:43px}.empty-records{text-align:center;padding:55px 25px}.empty-records .emoji{font-size:3rem}.empty-records h2{margin:15px 0 10px}.empty-records .btn{margin-top:25px}.join-box{padding:22px;background:#eaf0ff;border-radius:16px;margin:22px 0}.join-box label{margin-top:0}.join-row{display:flex;gap:10px;margin-top:10px}.join-row input{flex:1;text-transform:uppercase;font-family:ui-monospace,monospace;letter-spacing:.07em}.join-row .btn{white-space:nowrap}.pair-welcome{display:flex;align-items:center;gap:15px;margin:25px 0;padding:22px;border:1px solid var(--line);border-radius:18px}.pair-welcome .avatar{background:var(--pale);color:var(--blue);font-size:1.4rem;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;flex-shrink:0}.loading-ring{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.local-instruction{background:#f1f5ff;padding:15px;border-radius:12px;margin:20px 0;text-align:left;overflow-wrap:anywhere}.local-instruction code{font-size:.86rem}.result-back{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.pair-result-banner{background:#e6f2ef;color:#145e51;border:1px solid #c9e7dd;border-radius:18px;padding:20px 24px;margin-bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.pair-result-banner p{font-size:.9rem;margin-top:5px}.pair-result-banner .actions{flex-shrink:0}.draft-notice{background:#fff2de;border:1px solid #f0d4a5;padding:22px;border-radius:17px;margin-top:20px}.draft-notice h3{margin-bottom:8px}
@media(max-width:680px){.topbar{gap:10px}.brand strong{font-size:1rem;letter-spacing:.05em}.brand{gap:8px}.brand-mark{width:31px;height:31px;font-size:22px}.top-actions{gap:2px}.top-actions .textbtn{padding:8px;font-size:.8rem}.online-entry{margin:25px auto}.journey-steps{gap:8px}.journey-step{padding:13px 10px}.journey-step span{font-size:.78rem}.share-panel{padding:25px}.share-panel h2{font-size:1.35rem}.record-card{grid-template-columns:1fr;padding:22px;gap:16px}.record-card .actions{justify-content:flex-start}.records-head{align-items:flex-start}.records-head h1{font-size:1.9rem}.records-head .btn{padding:10px 15px;font-size:.85rem}.share-code{font-size:1.13rem;letter-spacing:.065em}.share-modal{padding:25px}.join-row{flex-direction:column}.pair-result-banner{display:block}.pair-result-banner .actions{margin-top:14px}.result-back{font-size:.8rem}.pair-welcome{padding:18px}}
@media print{.share-panel,.save-state,.result-back,.pair-result-banner{display:none!important}}
@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}