:root{--navy:#0f2a43;--navy2:#163a5c;--teal:#0e9e8a;--teal-dark:#0b7f70;--amber:#f5a623;--bg:#f2f5f8;--card:#ffffff;--ink:#1c2b3a;--muted:#64788c;--line:#e3eaf0;--green:#1e9e58;--red:#d64545;--lb:#1e9e58;--mb:#8a63d2;--ub:#3b82c4;--sl:#0e9e8a;--su:#e07b39;--shadow:0 2px 10px rgba(15,42,67,0.08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,sans-serif;background:linear-gradient(160deg,#dfe7ee,#eef2f6 40%,#e9eef3);color:var(--ink)}#shell{max-width:480px;margin:0 auto;min-height:100vh;background:var(--bg);box-shadow:0 0 40px rgba(15,42,67,.18);position:relative}header.app{background:linear-gradient(135deg,var(--navy) 0,var(--navy2) 100%);color:#fff;padding:14px 18px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.hdr-row{display:flex;align-items:center;gap:10px}.logo{font-weight:800;font-size:19px;letter-spacing:.2px;color:#fff;text-decoration:none}.logo .accent{color:#41d6c3}.back-btn{background:rgba(255,255,255,.14);border:none;color:#fff;width:34px;height:34px;border-radius:10px;font-size:17px;cursor:pointer;flex:none}.hdr-train{flex:1 1;min-width:0}.hdr-train .t1{font-weight:700;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hdr-train .t2{font-size:11.5px;opacity:.8;margin-top:1px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#41d6c3;margin-right:5px;animation:pulse 1.6s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.hdr-user{font-size:12px;background:rgba(255,255,255,.13);border:none;color:#fff;padding:7px 11px;border-radius:9px;cursor:pointer;font-weight:600}.hero{background:linear-gradient(135deg,var(--navy) 0,#1b4569 70%,#1d5a6e 100%);color:#fff;padding:34px 22px 88px;position:relative}.hero h1{font-size:26px;font-weight:800;line-height:1.25;margin-top:14px}.hero h1 .accent{color:#41d6c3}.hero p{font-size:14px;opacity:.85;margin-top:10px;line-height:1.55}.berth-art{position:absolute;right:16px;top:20px;opacity:.16;font-size:90px;transform:rotate(-8deg);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.search-card{background:var(--card);border-radius:18px;box-shadow:var(--shadow);margin:-62px 16px 0;padding:18px;position:relative;z-index:5}.search-card h2{font-size:15px;margin-bottom:12px}label{font-size:12px;font-weight:600;color:var(--muted);display:block;margin:12px 0 5px}input[type=date],input[type=email],input[type=number],input[type=text],select,textarea{width:100%;padding:11px 12px;border:1.5px solid var(--line);border-radius:11px;font-size:14.5px;background:#fbfcfd;color:var(--ink);font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--teal)}.btn{display:block;width:100%;padding:13px;border:none;border-radius:12px;background:var(--teal);color:#fff;font-size:15px;font-weight:700;cursor:pointer;margin-top:16px;transition:transform .06s;text-align:center;text-decoration:none}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.6;cursor:default}.btn.ghost{background:none;color:var(--teal-dark);font-weight:600;padding:8px}.btn.navy{background:var(--navy)}.btn.green{background:var(--green)}.trust-strip{display:flex;gap:8px;margin:18px 16px 8px}.trust-chip{flex:1 1;background:var(--card);border-radius:13px;padding:11px 8px;text-align:center;box-shadow:var(--shadow)}.trust-chip .ico{font-size:19px}.trust-chip .tt{font-size:11px;font-weight:700;margin-top:4px}.trust-chip .ts{font-size:10px;color:var(--muted);margin-top:2px}.how{margin:14px 16px 26px;background:var(--card);border-radius:16px;padding:16px;box-shadow:var(--shadow)}.how h3{font-size:14px}.how h3,.how-step{margin-bottom:10px}.how-step{display:flex;gap:10px;font-size:13px;color:#33475c;line-height:1.45}.how-step .n{flex:none;width:22px;height:22px;border-radius:50%;background:#e2f4f1;color:var(--teal-dark);font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px}main.board{padding-bottom:96px}.board-stats{display:flex;gap:8px;padding:12px 16px 4px}.stat{flex:1 1;background:var(--card);border-radius:12px;padding:10px;text-align:center;box-shadow:var(--shadow)}.stat .v{font-size:18px;font-weight:800;color:var(--navy)}.stat .k{font-size:10.5px;color:var(--muted);margin-top:2px}.stat.match .v{color:var(--teal-dark)}.filters{display:flex;gap:7px;padding:12px 16px 4px;overflow-x:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.fchip{flex:none;padding:7px 13px;border-radius:999px;border:1.5px solid var(--line);background:var(--card);font-size:12.5px;font-weight:600;color:#43586d;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fchip.on{background:var(--navy);border-color:var(--navy);color:#fff}.fchip.women.on{background:#b0508c;border-color:#b0508c}.fchip.verified.on{background:var(--teal-dark);border-color:var(--teal-dark)}.section-label{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.6px;text-transform:uppercase;margin:16px 18px 8px}.cards{padding:0 14px}.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:14px;margin-bottom:12px;border:1.5px solid transparent;position:relative}.card.perfect{border-color:#77d6c8;background:linear-gradient(180deg,#f4fffd,#fff 55%)}.card.mine{border-color:#c8d8e6;background:linear-gradient(180deg,#f6fafd,#fff 60%)}.card.closed{opacity:.55}.pm-badge{background:var(--teal);letter-spacing:.3px}.mine-badge,.pm-badge{position:absolute;top:-9px;right:14px;color:#fff;font-size:10.5px;font-weight:800;padding:3px 10px;border-radius:999px}.mine-badge{background:var(--navy)}.card-top{gap:10px}.avatar,.card-top{display:flex;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;color:#fff;font-weight:800;font-size:15px;justify-content:center;flex:none}.card-who{flex:1 1;min-width:0}.uname{font-weight:700;font-size:14px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.uname .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.umeta{font-size:11.5px;color:var(--muted);margin-top:2px}.vpill{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:800;padding:2px 8px;border-radius:999px;letter-spacing:.2px;white-space:nowrap;cursor:help}.vpill.yes{background:#e2f4f1;color:var(--teal-dark)}.vpill.no{background:#f0f3f6;color:#8296a8}.swap-line{display:flex;align-items:center;gap:8px;margin:12px 0 4px}.berth-box{flex:1 1;border-radius:12px;padding:8px 10px;background:#f6f8fa;border:1px solid var(--line)}.berth-box .bl{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.berth-box .bv{font-size:14px;font-weight:800;margin-top:2px}.arrow{font-size:18px;color:var(--teal-dark);font-weight:800}.type-tag{display:inline-block;padding:2px 8px;border-radius:7px;color:#fff;font-size:11px;font-weight:800;margin-right:4px;margin-top:2px}.note{font-size:12.5px;color:#4d6377;background:#f7f9fb;border-left:3px solid var(--line);padding:7px 10px;border-radius:0 9px 9px 0;margin-top:9px;line-height:1.4}.card-actions{display:flex;gap:8px;margin-top:12px}.card-actions .btn{margin-top:0;padding:10px;font-size:13.5px;border-radius:10px}.closed-tag{font-size:12px;font-weight:700;color:var(--green);margin-top:10px}.empty{padding:40px 30px;text-align:center;color:var(--muted);font-size:13.5px;line-height:1.6}.empty .big{font-size:38px;margin-bottom:8px}.rake{display:flex;gap:5px;padding:10px 16px 2px;overflow-x:auto;scrollbar-width:none}.rake::-webkit-scrollbar{display:none}.coach{flex:none;min-width:44px;padding:6px 4px;border-radius:8px;background:var(--card);border:1.5px solid var(--line);text-align:center;cursor:pointer}.coach.on{border-color:var(--navy);background:var(--navy);color:#fff}.coach .cn{font-size:11.5px;font-weight:800}.coach .cc{font-size:10px;color:var(--teal-dark);font-weight:700}.coach.on .cc{color:#41d6c3}.coach .cc.zero{color:#b6c4d0}.fab-wrap{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;padding:12px 16px 16px;background:linear-gradient(180deg,rgba(242,245,248,0) 0,var(--bg) 40%);z-index:15}.fab{width:100%;padding:14px;border:none;border-radius:14px;background:var(--teal);color:#fff;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(15,42,67,.3)}.modal-bg{position:fixed;inset:0;background:rgba(12,25,40,.5);z-index:40;display:flex;align-items:flex-end;justify-content:center;animation:fade .18s}@keyframes fade{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);width:100%;max-width:480px;border-radius:22px 22px 0 0;padding:20px 20px 26px;max-height:88vh;overflow-y:auto;animation:up .22s}@keyframes up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}.modal h3{font-size:17px;margin-bottom:2px}.modal .sub{font-size:12.5px;color:var(--muted);margin-bottom:8px}.row2{display:flex;gap:10px}.row2>div{flex:1 1}.want-grid{display:flex;flex-wrap:wrap;gap:7px;margin-top:4px}.wchip{padding:8px 13px;border-radius:10px;border:1.5px solid var(--line);font-size:13px;font-weight:700;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fbfcfd}.wchip.on{border-color:var(--teal);background:#e5f7f4;color:var(--teal-dark)}.otp-note{font-size:11.5px;color:var(--muted);background:#f4f7f9;border-radius:9px;padding:8px 10px;margin-top:10px;line-height:1.45}.err{color:var(--red);font-size:12.5px;margin-top:8px;line-height:1.4}.chat-drawer{position:fixed;inset:0;z-index:50;background:rgba(12,25,40,.5);display:flex;justify-content:center;animation:fade .18s}.chat-panel{width:100%;max-width:480px;background:var(--bg);display:flex;flex-direction:column;height:100%}.chat-scroll{flex:1 1;overflow-y:auto}.chat-area{padding:14px 14px 8px;display:flex;flex-direction:column;gap:8px}.day-pill{align-self:center;background:#e6edf2;color:#5b7086;font-size:10.5px;font-weight:700;padding:3px 12px;border-radius:999px;margin-bottom:2px}.msg{max-width:78%;padding:9px 13px;border-radius:16px;font-size:14px;line-height:1.45;animation:up .18s;word-break:break-word}.msg.them{align-self:flex-start;background:var(--card);box-shadow:var(--shadow);border-bottom-left-radius:5px}.msg.me{align-self:flex-end;background:var(--teal);color:#fff;border-bottom-right-radius:5px}.msg.sys{align-self:center;background:#fff6e5;color:#8a6100;font-size:12px;border-radius:10px;text-align:center;max-width:88%}.msg .time{display:block;font-size:9.5px;opacity:.6;margin-top:3px;text-align:right}.chat-input{display:flex;gap:8px;padding:10px 14px 14px;background:var(--bg)}.chat-input input{flex:1 1;border-radius:999px;padding:11px 16px}.send{width:44px;height:44px;border:none;border-radius:50%;background:var(--teal);color:#fff;font-size:17px;cursor:pointer;flex:none}.agree-bar{margin:4px 14px 8px;background:#e8f8f3;border:1.5px solid #b5e6d9;border-radius:13px;padding:11px 13px;font-size:12.5px;color:#0c6b5c;line-height:1.45}.agree-bar .btn{margin-top:9px;padding:10px}.chat-item{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:12px;margin-bottom:10px;cursor:pointer}.chat-item .ci-main{flex:1 1;min-width:0}.chat-item .ci-name{font-weight:700;font-size:14px}.chat-item .ci-sub{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:999px;background:#e6edf2;color:#43586d;flex:none}.pill.agreed{background:#dcf5ea;color:var(--green)}#toast{position:fixed;top:70px;left:50%;transform:translateX(-50%);width:calc(100% - 32px);max-width:448px;background:var(--navy);color:#fff;border-radius:13px;padding:12px 15px;font-size:13px;z-index:60;box-shadow:0 8px 24px rgba(0,0,0,.25);line-height:1.4;animation:up .25s}#toast b{color:#41d6c3}.foot-note{text-align:center;font-size:11px;color:#93a5b5;padding:10px 30px 26px;line-height:1.5}.center-box{padding:30px 20px}