:root{--deep:#031424;--sea:#0b3a5c;--surface-hi:#5fd0e8;--sand:#f2e6c2;--fg:#e9f6ff;--muted:#9bb8cc;--accent:#ffd166;--warn:#ff9f43;--bad:#ff6b6b;--good:#59e3a7;--panel:#0316289e;--edge:#a0dcff38;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--deep);height:100%;color:var(--fg);margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif}button{font:inherit;color:inherit;cursor:pointer;border:1px solid var(--edge);background:#ffffff0f;border-radius:10px;padding:9px 14px}button:disabled{opacity:.45;cursor:default}button.primary{background:linear-gradient(#1fa3c9,#0d6f96);border-color:#6fd6f0;font-weight:700}kbd{border:1px solid var(--edge);background:#0000004d;border-radius:4px;margin:0 2px;padding:2px 4px;font:11px/1 ui-monospace,monospace}.screen{min-height:100%;padding:max(24px, env(safe-area-inset-top)) 20px 48px;background:radial-gradient(ellipse at 50% -20%, #1b7aa8 0%, #0b3a5c 35%, var(--deep) 80%)}.lobby,.member{--surface:#7fc8c9;--shoal:#2a8c93;--teal:#145e74;--blue:#0e3b5c;--abyss:#071b30;--paper:#eef3f1;--mist:#a9c6cf;--hair:#eef3f129;--coral:#ff7a59;--coral-ink:#2a0e06;--serif:var(--font-serif), "Noto Serif KR", "AppleMyungjo", "Nanum Myeongjo", serif;--ease:cubic-bezier(.2, .7, .2, 1);--ruler-w:104px;--axis:28px;--lane-x:76px;--lane-gap:16px;--pad:clamp(24px, 5vw, 72px);--gutter:clamp(20px, 3vw, 40px);isolation:isolate;min-height:100dvh;color:var(--paper);word-break:keep-all;-webkit-font-smoothing:antialiased;background:linear-gradient(180deg, var(--teal) 0, var(--blue) 560px, var(--abyss) 960px);position:relative;overflow-x:clip}:where(.lobby,.member) button{background:0 0;border:0;border-radius:0;padding:0}:is(.lobby,.member) a{color:inherit;text-decoration:none}:is(.lobby,.member) :focus-visible{outline:2px solid var(--paper);outline-offset:3px;border-radius:6px}.lobby-art{z-index:-1;pointer-events:none;height:56.25vw;max-height:1200px;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000);mask-image:linear-gradient(#000 72%,#0000)}.lobby-art img{object-fit:cover;object-position:100% 0;width:100%;height:100%;display:block}.lobby-art:after{content:"";background:linear-gradient(#092e3ac7 0,#092e3a00 140px),linear-gradient(90deg,#092e3a99 0,#092e3a47 34%,#092e3a00 52%);position:absolute;inset:0}.lobby-art .rays{opacity:.25;z-index:1;background:linear-gradient(104deg,#0000 30%,#dcfaff24 34%,#0000 39%),linear-gradient(98deg,#0000 50%,#dcfaff1a 53%,#0000 58%);animation:8s ease-in-out infinite alternate lobby-breathe;position:absolute;inset:0 0 40% 40%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes lobby-breathe{to{opacity:.4}}.lobby .art-caption{right:var(--gutter);font:italic 400 13px/1 var(--serif);color:var(--mist);letter-spacing:.02em;text-shadow:0 1px 8px #071b30e6;margin:0;position:absolute;bottom:-32px}:is(.lobby,.member) .top{width:calc(100% - 2 * var(--gutter));max-width:calc(1440px - 2 * var(--gutter));height:64px;padding-top:env(safe-area-inset-top);box-sizing:content-box;border-bottom:1px solid var(--hair);align-items:center;gap:clamp(12px,2vw,28px);margin:0 auto;display:flex}:is(.lobby,.member) .brand{align-items:center;gap:10px;margin-right:auto;display:flex}:is(.lobby,.member) .brand .word{font:700 30px/1 var(--serif);letter-spacing:-.03em}:is(.lobby,.member) .brand svg{opacity:.9;width:40px;height:14px}:is(.lobby,.member) .nav-log{align-items:baseline;gap:14px;padding:8px 2px;font-size:15px;font-weight:600;display:inline-flex}:is(.lobby,.member) .nav-log .stat{color:var(--mist);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}:is(.lobby,.member) .nav-log:hover>.label-long,:is(.lobby,.member) .nav-log:hover>.label-short{text-underline-offset:5px;text-decoration:underline;text-decoration-thickness:1px}:is(.lobby,.member) .auth{position:relative}:is(.lobby,.member) .btn-login{border:1.5px solid var(--paper);border-radius:99px;height:36px;padding:0 20px;font-size:14px;font-weight:600;transition:background .2s}:is(.lobby,.member) .btn-login:hover{background:#eef3f11f}:is(.lobby,.member) .me{border-radius:99px;align-items:center;gap:8px;height:36px;padding:0 12px 0 4px;font-size:14px;display:inline-flex}:is(.lobby,.member) .me:hover{background:#ffffff14}:is(.lobby,.member) .me .nick{white-space:nowrap;text-overflow:ellipsis;max-width:10em;overflow:hidden}:is(.lobby,.member) .me .avatar{background:var(--paper);width:28px;height:28px;color:var(--teal);border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}:is(.lobby,.member) .skeleton{vertical-align:middle;background:#eef3f11a;border-radius:99px;width:84px;height:36px;display:inline-block}:is(.lobby,.member) .menu{z-index:10;border:1px solid var(--hair);background:#071b30f7;border-radius:12px;min-width:140px;padding:6px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 60px #00000073}:is(.lobby,.member) .menu button{text-align:left;border-radius:8px;width:100%;height:40px;padding:0 12px;font-size:14px;display:block}:is(.lobby,.member) .menu button:hover{background:#ffffff0f}:is(.lobby,.member) .sheet{z-index:10;border:1px solid var(--hair);background:#071b30f7;border-radius:16px;width:300px;padding:18px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 20px 60px #00000073}:is(.lobby,.member) .sheet h2{margin:0 0 4px;font-size:16px}:is(.lobby,.member) .sheet p{color:var(--mist);margin:0 0 14px;font-size:13px;line-height:1.5}:is(.lobby,.member) .oauth{border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;height:44px;font-size:15px;font-weight:600;display:flex}:is(.lobby,.member) .oauth+.oauth{margin-top:8px}:is(.lobby,.member) .oauth svg{width:18px;height:18px}:is(.lobby,.member) .oauth.google{color:#1f1f1f;background:#fff}:is(.lobby,.member) .oauth.kakao{color:#000000d9;background:#fee500}:is(.lobby,.member) .scrim{display:none}.lobby-toast{left:50%;top:calc(76px + env(safe-area-inset-top));z-index:20;border:1px solid var(--coral);background:#071b30f2;border-radius:12px;align-items:center;gap:12px;width:max-content;max-width:min(520px,100% - 40px);padding:10px 10px 10px 16px;font-size:14px;display:flex;position:absolute;transform:translate(-50%)}.lobby-toast span{flex:1}.lobby .lobby-toast button{width:32px;height:32px;color:var(--mist);border-radius:8px}.lobby .lobby-toast button:hover{color:var(--paper);background:#ffffff0f}.lobby main{grid-template-columns:var(--ruler-w) minmax(0, 1fr);max-width:1440px;margin:0 auto;display:grid}.lobby .dive-column{padding:22px var(--gutter) 0 var(--pad);grid-column:2;position:relative}.lobby .soon,.lobby footer{padding-left:var(--pad);padding-right:var(--gutter);grid-column:2}.lobby .ruler{grid-area:1/1;padding:22px 0 0}.lobby .ruler .track{height:100%;position:relative}.lobby .ruler .track:after{content:"";left:var(--axis);background:linear-gradient(var(--mist), transparent);opacity:.4;width:1px;height:200px;position:absolute;top:100%}.lobby .ticks{left:var(--axis);width:10px;height:100%;position:absolute;top:0;overflow:visible}.lobby .ticks line{stroke:var(--mist);stroke-width:1px;stroke-opacity:.6;vector-effect:non-scaling-stroke}.lobby .mark{left:calc(var(--axis) + 16px);top:calc(var(--d) * 100% / 30);color:var(--mist);white-space:nowrap;font:500 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;transform:translateY(-50%)}.lobby .mark.surface i{color:var(--paper);margin-left:6px;font:500 13px/1 -apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,sans-serif}.lobby .bracket{left:var(--lane-x);width:calc(10px + var(--lane) * var(--lane-gap));top:calc(var(--from) * 100% / 30);height:calc((var(--to) - var(--from)) * 100% / 30);border:1.5px solid var(--mist);opacity:.75;border-left:0;transition:border-color .25s,opacity .25s;position:absolute}.lobby .bracket.deeper{border-bottom:0}.lobby .bracket.deeper:after{content:"";border:solid;border-color:inherit;border-width:0 1.5px 1.5px 0;width:7px;height:7px;position:absolute;bottom:1px;right:-5px;transform:rotate(45deg)}.lobby .bracket.on{border-color:var(--coral);opacity:1}.lobby .marker{left:var(--axis);width:0;height:0;transition:transform .25s linear;position:absolute;top:0}.lobby .marker:before{content:"";background:var(--coral);width:10px;height:10px;position:absolute;top:-5px;left:-5px;transform:rotate(45deg)}.lobby .intro .issue{letter-spacing:.24em;text-transform:uppercase;color:var(--mist);margin:0;font-size:12px;font-weight:600}.lobby .intro h1{font:700 clamp(64px, 7.2vw, 120px)/.98 var(--serif);letter-spacing:-.04em;animation:lobby-reveal .9s var(--ease) both;margin:8px 0 10px}.lobby .intro .tagline{margin:0;font-size:clamp(16px,1.4vw,20px);line-height:1.6}@keyframes lobby-reveal{0%{clip-path:inset(0 0 100%);transform:translateY(12px)}to{clip-path:inset(0 0 -10%);transform:none}}.lobby .entries{max-width:500px;margin-top:20px}.lobby .entry{margin-left:calc(16px - var(--pad));padding:14px 0 16px calc(var(--pad) - 16px);border-top:1px solid var(--hair);animation:lobby-rise .7s var(--ease) both;animation-delay:calc(.35s + var(--i) * .12s);flex-direction:column;align-items:flex-start;display:flex;position:relative}.lobby .entry .badge{background:var(--coral);color:var(--coral-ink);border-radius:99px;margin-bottom:6px;padding:3px 10px;font-size:12px;font-weight:700}.lobby .entry small{color:var(--mist);letter-spacing:.04em;font-size:13px;font-weight:500}.lobby .entry h3{font:700 clamp(26px, 2.5vw, 36px)/1.2 var(--serif);letter-spacing:-.02em;margin:2px 0}.lobby .entry p{margin:0 0 2px;font-size:16px}.lobby .entry .meta{font-variant-numeric:tabular-nums;margin:4px 0 12px;font-size:15px;font-weight:500}:is(.lobby,.member) .go{white-space:nowrap;border:1.5px solid var(--paper);border-radius:99px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 24px;font-size:16px;font-weight:700;transition:background .2s,border-color .2s;display:inline-flex}.lobby .go:after{content:"";position:absolute;inset:0}.lobby .entry:hover .go{background:#eef3f11f}.lobby .primary .go{background:var(--coral);border-color:var(--coral);color:var(--coral-ink);box-shadow:0 8px 24px #ff7a5947}.lobby .entry.primary:hover .go{background:#ff8d70;border-color:#ff8d70}:is(.lobby,.member) .go svg{width:16px;height:16px;transition:transform .3s var(--ease)}.lobby .entry:hover .go svg{transform:translate(3px)}:is(.lobby,.member) .go:focus-visible{outline-offset:3px;border-radius:99px}.lobby .features{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);grid-template-columns:repeat(4,1fr);margin:4px 0 0;padding:0;list-style:none;display:grid}.lobby .features li{justify-content:center;align-items:center;gap:14px;height:54px;font-size:16px;display:flex;position:relative}.lobby .features li+li:before{content:"";background:#eef3f166;width:1px;position:absolute;top:30%;bottom:30%;left:0}.lobby .features svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:28px;height:28px}.lobby .soon{padding-top:22px}.lobby .soon h2{font:700 clamp(24px, 2.2vw, 30px)/1.3 var(--serif);letter-spacing:-.01em;margin:0 0 8px}.lobby .soon h2 .n{color:var(--mist);font-variant-numeric:tabular-nums;margin-left:4px;font-size:.8em;font-style:italic;font-weight:400}.lobby .soon ul{grid-template-columns:1fr 1fr;column-gap:clamp(32px,6vw,80px);margin:0;padding:0;list-style:none;display:grid}.lobby .soon li{border-bottom:1px solid #eef3f142}.lobby .soon li a{color:inherit;align-items:baseline;padding:10px 16px;text-decoration:none;display:flex}.lobby .soon li a:hover b,.lobby .soon li a:focus-visible b{text-underline-offset:4px;text-decoration:underline}.lobby .soon li b{font:700 17px/1.3 var(--serif)}.lobby .soon li .name{min-width:0}.lobby .soon li .region{color:var(--mist);white-space:nowrap;font-size:13px}.lobby .soon li i{color:var(--mist);flex:none;margin-left:auto;padding-left:12px;font-size:13px;font-style:normal}.lobby footer{padding-top:28px;padding-bottom:max(28px, env(safe-area-inset-bottom));color:#a9c6cfbf;font-size:12px}@keyframes lobby-rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.lobby-art .rays,.lobby .intro h1,.lobby .entry{animation:none}.lobby .marker,.lobby .bracket,.lobby .go,.lobby .go svg{transition:none}.lobby .entry:hover .go svg{transform:none}}@media (max-width:719px){.lobby{--ruler-w:58px;--axis:12px;--lane-x:40px;--lane-gap:6px;--pad:8px;--gutter:16px}.lobby-art{height:400px;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.lobby-art img{object-position:50% 86%}.lobby-art:after{background:linear-gradient(#092e3acc 0,#092e3a00 110px)}.lobby-art .rays{inset:0 0 50% 20%}.lobby .art-caption{top:214px;bottom:auto;right:auto;left:var(--pad);font-size:12px}:is(.lobby,.member) .top{height:56px}:is(.lobby,.member) .brand .word{font-size:26px}:is(.lobby,.member) .brand svg{width:32px}:is(.lobby,.member) .nav-log{gap:10px;font-size:14px}:is(.lobby,.member) .me{padding:0 4px}:is(.lobby,.member) .me .nick,:is(.lobby,.member) .nav-log .label-long{display:none}.lobby .dive-column,.lobby .ruler{padding-top:16px}.lobby .ticks{width:6px}.lobby .mark{left:calc(var(--axis) + 11px);font-size:11px}.lobby .marker:before{width:8px;height:8px;top:-4px;left:-4px}.lobby .mark.minor{display:none}.lobby .mark.surface i{margin-left:4px;font-size:11px}.lobby .bracket{width:calc(8px + var(--lane) * var(--lane-gap))}.lobby .intro{padding-top:238px}.lobby .intro h1{margin:6px 0;font-size:64px}.lobby .intro .tagline{font-size:15px;line-height:1.5}.lobby .entries{max-width:none;margin-top:16px}.lobby .entry{align-items:stretch;margin-left:0;padding:12px 0 14px}.lobby .entry .badge{align-self:flex-start}.lobby .entry h3{font-size:28px}.lobby .entry .meta{margin-bottom:10px}:is(.lobby,.member) .go{height:46px}.lobby .features{grid-template-columns:1fr 1fr}.lobby .features li{justify-content:flex-start;gap:12px;height:52px;padding-left:14px;font-size:15px}.lobby .features li:nth-child(n+3){border-top:1px solid var(--hair)}.lobby .features li:nth-child(odd):before{display:none}.lobby .features svg{width:24px;height:24px}.lobby .soon h2{letter-spacing:-.02em;font-size:19px}.lobby .soon ul{grid-template-columns:1fr}.lobby .soon li a{padding:10px 4px}:is(.lobby,.member) .sheet{width:auto;padding:20px 20px max(20px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0;position:fixed;inset:auto 0 0}:is(.lobby,.member) .scrim{z-index:9;background:#00060e99;display:block;position:fixed;inset:0}}@media (min-width:720px){:is(.lobby,.member) .nav-log .label-short{display:none}}@media (min-width:720px) and (max-width:1099px){.lobby .art-caption{display:none}}.briefing{max-width:1200px;margin:0 auto}.briefing .back{margin-bottom:8px}.briefing header small{color:var(--muted)}.briefing header h1{margin:4px 0 18px}.briefing-grid{grid-template-columns:1.1fr 1fr;gap:18px;display:grid}@media (max-width:860px){.briefing-grid{grid-template-columns:1fr}}.brief-map svg{border:1px solid var(--edge);border-radius:14px;width:100%;height:auto;display:block}.dive-plan{color:#d6ebf7;padding-left:20px;font-size:14px;line-height:1.6}.brief-facts dl{grid-template-columns:1fr;gap:4px;margin:0 0 12px;font-size:14px;display:grid}.brief-facts dl div{gap:10px;display:flex}.brief-facts dt{color:var(--muted);flex:none;width:72px}.brief-facts dd{margin:0}fieldset{border:1px solid var(--edge);border-radius:12px;gap:6px;margin:0 0 12px;padding:8px 10px 10px;display:grid}legend{color:var(--muted);padding:0 6px;font-size:13px}fieldset label{cursor:pointer;border-radius:8px;grid-template-columns:auto 1fr;column-gap:8px;padding:6px 8px;display:grid}fieldset label.on{background:#6fd6f01f}fieldset label span{color:var(--muted);grid-column:2;font-size:13px}fieldset label.fixed{color:var(--muted);gap:8px;display:flex}fieldset label.hook.missing{outline:1px dashed var(--warn)}fieldset label.hook.missing span{color:var(--warn)}fieldset label.hook.on span{color:var(--good)}.dive-btn{width:100%;padding:14px;font-size:18px}.hint{color:var(--muted);text-align:center;font-size:13px}.brief-life ul{flex-wrap:wrap;gap:6px;padding:0;list-style:none;display:flex}.brief-life li{background:var(--panel);border:1px solid var(--edge);border-radius:99px;padding:5px 11px;font-size:13px}.brief-life li span{color:var(--muted)}.brief-life li em{color:var(--accent);margin-left:4px;font-style:normal}.debrief{max-width:720px;margin:0 auto}.debrief .sub{color:var(--muted)}.debrief-stats{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.debrief-stats div{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px}.debrief-stats dt{color:var(--muted);font-size:12px}.debrief-stats dd{margin:4px 0 0;font-size:22px;font-weight:700}.debrief-species{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px;padding:0;list-style:none;display:grid}.debrief-species li{background:var(--panel);border-radius:10px;padding:8px 10px}.debrief-species li span{color:var(--muted);font-size:12px;display:block}.save-state{color:var(--muted)}.row{gap:10px;display:flex}.dive-root{background:#021018;position:fixed;inset:0;overflow:hidden}.dive-canvas{touch-action:none;position:absolute;inset:0}.loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hud{pointer-events:none;font-variant-numeric:tabular-nums;position:absolute;inset:0}.hud button,.hud aside,.hud .touch-layer,.hud .minimap{pointer-events:auto}.mask-vignette{background:radial-gradient(72% 78%,#0000 62%,#00060c8c 84%,#000000eb 100%);position:absolute;inset:0}.dive-computer{left:14px;top:max(14px, env(safe-area-inset-top));background:#080e12c7;border:2px solid #2b3a42;border-radius:14px;min-width:168px;padding:8px 12px;font-family:ui-monospace,SF Mono,monospace;position:absolute;box-shadow:inset 0 0 18px #0009}.dc-depth{color:#b9ffda;align-items:baseline;gap:4px;display:flex}.dc-depth b{font-size:34px}.dive-computer dl{grid-template-columns:1fr 1fr;gap:2px 12px;margin:4px 0 0;font-size:12px;display:grid}.dive-computer dt{color:#7e98a6;font-size:10px}.dive-computer dd{color:#e2fff0;margin:0}.dive-computer .warn{color:var(--warn)}.dive-computer .bad{color:var(--bad)}.current-gauge{top:max(14px, env(safe-area-inset-top));background:var(--panel);border:1px solid var(--edge);border-radius:99px;align-items:center;gap:8px;padding:4px 14px 4px 4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.current-gauge div{font-size:12px;display:grid}.current-gauge b{font-size:15px}.current-gauge span{color:var(--muted)}.current-gauge span.hooked{color:var(--accent)}.minimap{right:14px;top:max(14px, env(safe-area-inset-top));border:1px solid var(--edge);opacity:.88;border-radius:12px;width:200px;height:auto;position:absolute}@media (max-width:700px){.minimap{width:128px}.dive-computer{min-width:0}.dc-depth b{font-size:26px}.controls-help{display:none}}.toasts{gap:6px;width:min(560px,92vw);display:grid;position:absolute;top:92px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--edge);text-align:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:10px;margin:0;padding:9px 14px;font-size:14px}.toast.warn{border-color:var(--warn)}.toast.good{border-color:var(--good)}.found-card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #6fd6f0;border-radius:14px;width:min(340px,80vw);padding:12px 14px;position:absolute;bottom:84px;left:14px}.found-card small{color:var(--accent)}.found-card h3{margin:2px 0}.found-card .sci{color:var(--muted);margin:0 0 6px;font-size:12px}.found-card p{margin:0;font-size:13px;line-height:1.5}.species-log{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;width:min(300px,86vw);padding:10px 12px;position:absolute;top:190px;bottom:84px;right:14px;overflow:auto}.species-log h3{margin:0 0 8px;font-size:15px}.species-log ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.species-log li{opacity:.5;border-radius:6px;padding:4px 6px;font-size:13px;display:grid}.species-log li.seen{opacity:1;background:#6fd6f01a}.species-log li span{color:var(--muted);font-size:11px}.hud-buttons{right:14px;bottom:max(14px, env(safe-area-inset-bottom));flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex;position:absolute}.hud-buttons button{background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hud-buttons button.on{border-color:var(--accent);color:var(--accent)}.controls-help{color:var(--muted);background:#0000004d;border-radius:8px;margin:0;padding:6px 10px;font-size:12px;position:absolute;bottom:14px;left:14px}.touch-layer{touch-action:none;position:absolute;inset:0}.touch-stick{left:22px;bottom:max(22px, env(safe-area-inset-bottom));border:1px solid var(--edge);touch-action:none;background:#ffffff14;border-radius:50%;place-items:center;width:120px;height:120px;display:grid;position:absolute}.touch-knob{pointer-events:none;background:#ffffff40;border-radius:50%;width:52px;height:52px}.touch-rise{gap:10px;display:grid;position:absolute;bottom:80px;right:18px}.touch-rise button{background:var(--panel);border-radius:50%;width:56px;height:56px;font-size:20px}.dc-stop{color:#b9ffda;background:#59e3a71f;border-radius:6px;margin:6px 0 0;padding:4px 6px;font-size:13px}.dc-stop span{color:#7e98a6;margin-left:4px;font-size:10px}.dc-stop.running{background:#59e3a738}.dc-slow{background:var(--bad);color:#fff;text-align:center;letter-spacing:.06em;border-radius:6px;margin:6px 0 0;padding:4px 6px;font-weight:800;animation:.5s steps(2,start) infinite dc-blink}@keyframes dc-blink{to{visibility:hidden}}@media (prefers-reduced-motion:reduce){.dc-slow{animation:none}}.look-chip{background:var(--panel);border:1px solid var(--edge);color:var(--muted);white-space:nowrap;border-radius:99px;margin:0;padding:5px 12px;font-size:12px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}.look-chip.on{color:var(--fg);border-color:#6fd6f0}.tutorial-panel{background:var(--panel);border:1px solid var(--accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:14px;width:min(300px,80vw);padding:10px 12px;position:absolute;top:190px;left:14px}.tutorial-panel small{color:var(--accent)}.tutorial-panel h3{margin:2px 0 4px;font-size:16px}.tutorial-panel p{margin:0 0 8px;font-size:13px;line-height:1.5}.tutorial-panel ol{color:var(--muted);gap:1px;margin:0;padding-left:18px;font-size:12px;display:grid}.tutorial-panel li.now{color:var(--fg);font-weight:700}.tutorial-panel li.done{color:var(--good)}@media (max-width:700px){.tutorial-panel{top:auto;bottom:160px}.tutorial-panel ol{display:none}}.controls-intro{pointer-events:auto;z-index:5;background:#000a148c;place-items:center;display:grid;position:absolute;inset:0}.controls-card{background:#06223d;border:1px solid #6fd6f0;border-radius:16px;gap:10px;width:min(460px,92vw);padding:18px 20px;display:grid}.controls-card h2{margin:0}.controls-card dl{gap:6px;margin:0;font-size:14px;display:grid}.controls-card dl div{grid-template-columns:76px 1fr;gap:8px;display:grid}.controls-card dt{color:var(--muted)}.controls-card dd{margin:0}.controls-tip{color:var(--accent);margin:0;font-size:13px}.controls-hide{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.focus-ring{width:26vh;height:26vh;position:absolute;top:39.5%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.focus-base{fill:none;stroke:#ffffff24;stroke-width:.6px}.focus-ring.active .focus-base{stroke:#ffffff4d}.focus-progress{fill:none;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round}.focus-dot{fill:#ffffffb3}.info-card{background:var(--panel);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #6fd6f0;border-radius:14px;width:min(320px,84vw);padding:12px 14px;position:absolute;top:190px;right:14px}.info-card h3{margin:0 24px 2px 0}.info-card .sci{color:var(--muted);margin:0 0 6px;font-size:12px}.info-card p{margin:0 0 6px;font-size:13px;line-height:1.5}.info-card .info-note{color:var(--accent);margin:0}.info-close{padding:2px 8px;position:absolute;top:8px;right:8px}.focus-base{opacity:0;transition:opacity .25s}.focus-ring.active .focus-base{opacity:1}.dive-computer .dc-lung{background:#ffffff1f;border-radius:3px;height:6px;margin-top:5px;position:relative;overflow:hidden}.dive-computer .dc-lung span{background:#8fd3ff;border-radius:3px;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.current-gauge span.downcurrent{color:var(--bad);font-weight:700}.current-gauge span.rescue{color:var(--accent);font-weight:700}.current-gauge span.flight{color:#8ff0c8;font-variant-numeric:tabular-nums;font-weight:700}.discovery-backdrop{pointer-events:auto;z-index:6;background:#000a1473;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.discovery-card{background:#06223d;border:1px solid #6fd6f0;border-radius:16px;gap:6px;width:min(420px,92vw);max-height:calc(100% - 16px);padding:14px 16px 16px;animation:.35s ease-out discovery-in;display:grid;overflow:auto;box-shadow:0 0 0 1px #6fd6f04d,0 14px 48px #00508c73}.discovery-badge{color:var(--accent);letter-spacing:.02em;font-size:14px;font-weight:700}.discovery-stage{border:1px solid var(--edge);background:radial-gradient(80% 90% at 50% 30%,#3aa6cf 0%,#13648f 45%,#06304f 100%);border-radius:12px;height:clamp(150px,30vh,220px);overflow:hidden}.discovery-canvas{width:100%;height:100%;display:block}.discovery-card h2{margin:4px 0 0;font-size:22px}.discovery-sci{color:var(--muted);margin:0;font-size:12px}.discovery-size{color:var(--surface-hi);margin:0;font-size:13px}.discovery-fact{color:#d6ebf7;margin:2px 0 6px;font-size:14px;line-height:1.55}.discovery-actions{justify-content:flex-end;gap:8px;display:flex}.discovery-actions button{touch-action:manipulation;min-height:44px}@keyframes discovery-in{0%{opacity:0;transform:translateY(10px)scale(.97)}}@media (prefers-reduced-motion:reduce){.discovery-card{animation:none}}.discovery-backdrop.glance{pointer-events:none;background:0 0}.discovery-backdrop.glance .discovery-card{pointer-events:auto;opacity:.96}.discovery-timer{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden}.discovery-timer span{background:var(--accent);transform-origin:0;height:100%;transition:transform .1s linear;display:block}.discovery-search{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.discovery-search button{padding:6px 10px;font-size:13px}.discovery-actions{flex-wrap:wrap}.discovery-mode{color:var(--muted);cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.auto-progress{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;width:min(520px,90vw);padding:6px 10px 8px;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.auto-progress-text{white-space:nowrap;align-items:baseline;gap:8px;font-size:12px;display:flex;overflow:hidden}.auto-progress-text span{color:var(--muted);text-overflow:ellipsis;flex:1;overflow:hidden}.auto-progress-text em{color:var(--accent);font-style:normal}.auto-progress-bar{background:#ffffff1f;border-radius:3px;height:5px;margin-top:5px;overflow:hidden}.auto-progress-bar span{background:linear-gradient(90deg, #1fa3c9, var(--accent));transform-origin:0;height:100%;transition:transform .3s linear;display:block}.logbook{max-width:1000px;margin:0 auto}.logbook a{color:var(--surface-hi)}.logbook-back{padding:8px 0;text-decoration:none;display:inline-block}.logbook-head h1{letter-spacing:-.01em;margin:6px 0 10px;font-size:clamp(26px,5vw,38px)}.logbook-viewer{color:#cfe6f5;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;font-size:14px;display:flex}.logbook-viewer.guest{background:var(--panel);border:1px solid var(--edge);border-radius:14px;padding:12px 14px;display:block}.logbook-viewer.guest p{margin:0 0 10px}.logbook-logout{padding:4px 10px;font-size:13px}.logbook-login{flex-wrap:wrap;gap:8px;display:flex}.logbook .login-btn{border-radius:10px;align-items:center;min-height:44px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.logbook .login-btn.google{color:#1f1f1f;background:#fff}.logbook .login-btn.kakao{color:#191600;background:#fee500}.logbook-summary{grid-template-columns:repeat(5,1fr);gap:10px;margin:0 0 26px;display:grid}.logbook-summary div{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px 12px}.logbook-summary dt{color:var(--muted);font-size:12px}.logbook-summary dd{white-space:nowrap;margin:4px 0 0;font-size:20px;font-weight:700}@media (max-width:720px){.logbook-summary{grid-template-columns:repeat(2,1fr)}.logbook-summary div:last-child{grid-column:span 2}}.logbook-section{margin-bottom:30px}.logbook-section>h2{margin:0 0 10px;font-size:20px}.logbook-empty{color:var(--muted)}.dex-site h3{color:#cfe6f5;margin:14px 0 8px;font-size:15px}.dex-site h3 span{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.dex-grid{grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.dex-cell{border:1px solid var(--edge);background:var(--panel);text-align:center;border-radius:12px;align-content:start;justify-items:center;gap:3px;width:100%;height:100%;padding:10px 8px;display:grid}.dex-cell b{font-size:14px;line-height:1.3}.dex-cell small{color:var(--muted);font-size:11px}.dex-silhouette{fill:currentColor;width:64px;height:32px;margin-bottom:2px}.dex-cell.got{color:var(--fg)}.dex-cell.got .dex-silhouette{color:var(--surface-hi)}.dex-cell.got:hover{background:#1fa3c929;border-color:#6fd6f0}.dex-cell.unknown{color:var(--muted);border-style:dashed}.dex-cell.unknown .dex-silhouette{color:#0000008c;filter:drop-shadow(0 0 1px #a0dcff59)}.dex-cell.unknown.rare small{color:var(--accent)}.dive-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dive-list details{background:var(--panel);border:1px solid var(--edge);border-radius:12px}.dive-list details[open]{border-color:#6fd6f0}.dive-list summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:4px 12px;padding:10px 12px;list-style:none;display:flex}.dive-list summary::-webkit-details-marker{display:none}.dive-no{color:var(--muted);min-width:30px;font-size:12px}.dive-where{flex:180px;display:grid}.dive-where small{color:var(--muted);font-size:12px}.dive-nums{color:#d6ebf7;flex-wrap:wrap;gap:4px 12px;font-size:13px;display:flex}.dive-more{color:#cfe6f5;padding:0 12px 12px;font-size:13px}.dive-more p{margin:0 0 8px}.dive-species{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dive-species button{border-radius:99px;padding:5px 10px;font-size:13px}.dive-list-more{text-align:center;margin-top:12px}.dive-list-more button{min-width:140px;min-height:44px}.dex-detail-backdrop{z-index:20;background:#000a1499;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dex-detail .discovery-stage{height:clamp(170px,34vh,260px)}.dex-detail-log{gap:4px;margin:0 0 6px;font-size:13px;display:grid}.dex-detail-log div{gap:10px;display:flex}.dex-detail-log dt{color:var(--muted);flex:none;width:72px}.dex-detail-log dd{margin:0}.dex-detail-search{border:1px solid var(--edge);min-height:44px;color:var(--fg);background:#ffffff0f;border-radius:10px;align-items:center;margin-right:auto;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.dex-detail-search:hover{border-color:#6fd6f0}.lobby footer .footer-links{margin-top:6px;display:block}.lobby footer .footer-links a{color:inherit}.icon{vertical-align:-.22em;flex:none}.icon-label{align-items:center;gap:.4em;display:inline-flex}.icon-label.tight{gap:2px}:is(button:has(>.icon),a:has(>.icon)){justify-content:center;align-items:center;gap:.4em;display:inline-flex}.hud-buttons button{min-height:40px}.hud-buttons button>.icon{width:1.25em;height:1.25em}.toast{justify-content:center;align-items:center;gap:8px;display:flex}.toast>.icon{color:var(--accent)}.toast.warn>.icon{color:var(--warn)}.toast.good>.icon{color:var(--good)}.touch-rise button{place-items:center;padding:0;display:grid}.tutorial-panel li .icon{margin-right:4px}fieldset label.hook-provided{align-items:center}fieldset label .icon-label .icon{color:var(--accent)}:is(.lobby,.member) .menu{min-width:168px}:is(.lobby,.member) .menu a,:is(.lobby,.member) .menu button{text-align:left;width:100%;height:40px;color:inherit;white-space:nowrap;background:0 0;border:0;border-radius:8px;justify-content:flex-start;align-items:center;gap:10px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}:is(.lobby,.member) .menu a:hover,:is(.lobby,.member) .menu button:hover,:is(.lobby,.member) .menu a:focus-visible,:is(.lobby,.member) .menu button:focus-visible{background:#ffffff14}:is(.lobby,.member) .menu .icon{color:var(--mist)}.logbook-account{font-size:13px}.account-hint{color:var(--mist);margin:8px 0 0;font-size:13px;line-height:1.5}.account-error{color:#ffb3b3;margin:8px 0 0;font-size:13px}.account-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.account-danger{border-top:1px solid #ff6b6b4d;margin-top:40px;padding-top:20px}.account-danger h2{color:#ffb3b3}.account-danger p{color:var(--mist);margin:10px 0 16px;font-size:14px;line-height:1.6}.member .account-action.danger,.member .account-dialog button.danger{color:#ffb3b3;background:#ff6b6b1a;border:1.5px solid #ff6b6b99;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:15px;font-weight:700;display:inline-flex}.member .account-action.danger:hover,.member .account-dialog button.danger:not(:disabled):hover{background:#ff6b6b33}.account-dialog{width:min(460px,100vw - 32px);color:var(--paper,var(--fg));background:#071b30f7;border:1px solid #ff6b6b80;border-radius:16px;padding:22px}.account-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00060e99}.account-dialog h2{margin:0 0 8px;font-size:20px}.account-dialog p,.account-dialog li{color:#d6ebf7;font-size:14px;line-height:1.55}.account-dialog ul{margin:8px 0;padding-left:20px}.account-check{cursor:pointer;align-items:flex-start;gap:10px;margin:12px 0;font-size:14px;display:flex}.account-check input{flex:none;width:20px;height:20px;margin:1px 0 0}.account-dialog-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.member .account-dialog-actions button:not(.danger){border:1.5px solid var(--paper);border-radius:99px;height:42px;padding:0 20px;font-size:15px;font-weight:600}.member h1,.member h2,.member h3,.member p,.member dl,.member dd{margin:0}.member .eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--paper);font-size:12px;font-weight:600}.member-main h2{font:700 clamp(22px, 2vw, 28px)/1.3 var(--serif);letter-spacing:-.01em}.member .icon{flex:none}.member .go.coral{background:var(--coral);border-color:var(--coral);color:var(--coral-ink);box-shadow:0 8px 24px #ff7a5947}.member .go.coral:not(:disabled):hover{background:#ff8d70;border-color:#ff8d70}.member .go:disabled{opacity:.6;cursor:default}.member .btn-line,.member .btn-ghost,.member .btn-danger{white-space:nowrap;border-radius:99px;justify-content:center;align-items:center;gap:8px;height:36px;padding:0 18px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.member .btn-line{border:1.5px solid var(--paper)}.member .btn-line:not(:disabled):hover,.member .btn-ghost:not(:disabled):hover{background:#eef3f11f}.member .btn-line[aria-pressed=true]{background:var(--paper);color:var(--abyss)}.member .btn-ghost{border:1px solid var(--hair)}.member .btn-danger{color:#ffb3b3;background:#ff6b6b29;border:1.5px solid #ff6b6bb3}.member .btn-danger:hover{background:#ff6b6b42}.member .btn-danger-text{color:#ffb3b3;align-items:center;gap:8px;height:44px;font-size:15px;font-weight:600;display:inline-flex}.member .text-link{text-underline-offset:5px;white-space:nowrap;font-size:14px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.member .icon-btn{width:44px;height:44px;color:var(--paper);border-radius:10px;place-items:center;display:grid}.member .icon-btn:hover{background:#ffffff14}.member .icon-btn .icon{width:24px;height:24px}.member button:disabled{opacity:.55;cursor:default}.member input:not([type=checkbox]):not([type=file]),.member select{border:1px solid var(--hair);width:100%;min-height:44px;color:var(--paper);font:inherit;background:#ffffff0f;border-radius:10px;padding:0 12px;font-size:16px}.member select option{background:var(--abyss);color:var(--paper)}.member input:focus-visible,.member select:focus-visible{outline:2px solid var(--paper);outline-offset:1px}.member [aria-invalid=true]{border-color:var(--bad)!important}.member input::placeholder{color:#a9c6cfcc}.member .field{flex-direction:column;gap:6px;min-width:0;display:flex}.member .field>label,.member .sub-label{font-size:13px;font-weight:600}.member .sub-label{margin-top:4px}.member .req{color:var(--mist);margin-left:4px;font-size:12px;font-weight:500}.member .field-error{color:#ffb3b3;margin:0;font-size:13px;line-height:1.45}.member .field-hint{color:var(--mist);margin:0;font-size:12px}.member .field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.member .form-alert{color:#ffb3b3;background:#ff6b6b1a;border:1px solid #ff6b6b80;border-radius:10px;margin:0 0 14px;padding:10px 12px;font-size:14px}.member .suffix{position:relative}.member .suffix input{padding-right:36px}.member .suffix span{color:var(--mist);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.member .date-wrap{display:block;position:relative}.member .date-wrap input{padding-right:44px}.member .date-wrap .icon{width:20px;height:20px;color:var(--mist);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.member .date-wrap input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:44px;height:100%;position:absolute;top:0;right:0}.member-main{max-width:1440px;padding:24px var(--gutter) 72px;margin:0 auto}.member-main.hub{grid-template-columns:168px minmax(0,7fr) minmax(0,5fr);grid-template-areas:"idx head.""idx card sidea""idx certs sideb""idx acct danger";align-items:start;gap:28px clamp(24px,3vw,48px);display:grid}.member-head{grid-area:head}.member-head h1{font:700 clamp(36px, 4vw, 52px)/1.1 var(--serif);letter-spacing:-.03em;margin-top:6px}.member .diver-card{grid-area:card}.member .certs{grid-area:certs}.member .side-a{flex-direction:column;grid-area:sidea;gap:24px;display:flex}.member .side-b{flex-direction:column;grid-area:sideb;gap:24px;display:flex}.member .account-sec{grid-area:acct}.member .account-danger{grid-area:danger;margin-top:0}.member-index{grid-area:idx;align-self:stretch}.member-index ol{border-left:1px solid var(--hair);flex-direction:column;gap:22px;margin:0;padding:4px 0 4px 22px;list-style:none;display:flex;position:sticky;top:24px}.member-index a{color:var(--mist);align-items:baseline;gap:10px;padding:6px 0;font-size:14px;display:flex}.member-index a .num{font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.member-index a[aria-current=true]{color:var(--paper);font-weight:600}.member-index a:hover{color:var(--paper)}.member-index .index-marker{width:0;height:0;transition:transform .25s var(--ease);position:absolute;top:0;left:0}.member-index .index-marker:before{content:"";background:var(--coral);width:10px;height:10px;position:absolute;top:-5px;left:-5.5px;transform:rotate(45deg)}.member .diver-card{aspect-ratio:1.586;border:1px solid var(--hair);background:linear-gradient(135deg,#12506a,#0b2e4a);border-radius:18px;flex-direction:column;gap:10px;width:100%;min-height:240px;max-height:300px;padding:24px 28px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000059}@supports (aspect-ratio:1){.member .diver-card{height:auto}}.member .diver-card .contour{fill:none;width:100%;height:100%;stroke:var(--paper);stroke-width:1px;opacity:.08;pointer-events:none;position:absolute;inset:0}.member .diver-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.member .diver-card .eyebrow{color:var(--mist);font-size:11px}.member .diver-card-name{font:700 clamp(28px, 3vw, 40px)/1.15 var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere}.member .diver-card-facts{border-bottom:1px solid var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:auto;padding-bottom:12px;display:grid}.member .diver-card-facts>div{min-width:0;padding:0 16px}.member .diver-card-facts>div:first-child{padding-left:0}.member .diver-card-facts>div+div{border-left:1px solid var(--hair)}.member .diver-card-facts dt{letter-spacing:.04em;color:var(--mist);align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.member .diver-card-facts dd{font:700 18px/1.3 var(--serif);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;margin-top:4px}.member .diver-card-foot{color:var(--mist);font-size:13px}.member .tip{width:24px;height:24px;color:var(--mist);border-radius:50%;place-items:center;margin:-6px 0;display:inline-grid;position:relative}.member .tip .icon{width:14px;height:14px}.member .tip:hover:after,.member .tip:focus-visible:after{content:attr(data-tip);z-index:2;border:1px solid var(--hair);color:var(--paper);letter-spacing:0;white-space:nowrap;background:#071b30f7;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.member .tier-badge{white-space:nowrap;color:var(--paper);border:1px solid var(--mist);background:0 0;border-radius:99px;align-items:center;gap:6px;font-weight:700;display:inline-flex}.member .tier-badge.sm{height:24px;padding:0 10px;font-size:12px}.member .tier-badge.sm .icon{width:14px;height:14px}.member .tier-badge.lg{height:32px;padding:0 14px;font-size:14px}.member .tier-badge.lg .icon{width:18px;height:18px}.member .tier-badge.standard{background:var(--teal);border-color:var(--surface)}.member .tier-badge.premium{background:linear-gradient(135deg, var(--sand), #d9c7a0);color:var(--abyss);border-color:#0000}.member button.tier-badge:hover{box-shadow:0 0 0 3px #eef3f124}.member button.tier-badge:focus-visible{border-radius:99px}.member .certs-head{border-top:1px solid var(--hair);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;padding-bottom:12px;display:flex}.member .certs-head .n,.member-main h2 .n{color:var(--mist);font-variant-numeric:tabular-nums;margin-left:10px;font-size:.8em;font-style:italic;font-weight:400}.member .certs-head .go{height:40px;padding:0 20px;font-size:15px}.member .certs-head .label-short{display:none}.member .cert-list{margin:0;padding:0;list-style:none}.member .cert-list>li{border-top:1px solid var(--hair)}.member .cert-list>li.flash{animation:1.2s ease-out member-flash}@keyframes member-flash{0%{background:#eef3f114}to{background:0 0}}.member .cert-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;padding:16px 0;display:grid}.member .cert-row.expired>:not(.cert-edit){opacity:.72}.member .cert-thumbs{border-right:1px solid var(--hair);gap:10px;padding-right:20px;display:flex}.member .thumb{border-radius:6px;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.member .thumb small{color:var(--mist);font-size:10px}.member .thumb-box{background:#eef3f114;border-radius:6px;place-items:center;width:72px;height:46px;display:grid;position:relative;overflow:hidden}.member .thumb-box img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s}.member .thumb[data-state=ok] .thumb-box img{opacity:1}.member .thumb[data-state=error] .thumb-box .icon{width:20px;height:20px;color:var(--mist)}.member .thumb.empty .thumb-box{color:var(--paper);background:0 0;border:1px dashed #a9c6cf99;flex-direction:column;align-content:center;gap:2px}.member .thumb.empty .thumb-box .icon{width:16px;height:16px}.member .thumb.empty .thumb-box small{color:var(--paper);font-size:10px}.member .thumb:hover .thumb-box{box-shadow:0 0 0 2px #eef3f14d}.member .cert-body{min-width:0}.member .agency-tag{border:1px solid var(--paper);letter-spacing:.06em;vertical-align:middle;border-radius:99px;align-items:center;height:24px;margin-right:10px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.member .cert-body h3{font:700 20px/1.3 var(--serif);vertical-align:middle;display:inline}.member .cert-meta{color:var(--mist);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 0;margin-top:6px;font-size:14px;display:flex}.member .cert-meta>span:not(.pill)+span:not(.pill):before{content:"·";margin:0 8px}.member .cert-meta.second{margin-top:2px;font-size:13px}.member .pill{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;height:24px;margin-left:10px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.member .pill .icon{width:14px;height:14px}.member .pill.warn{color:var(--warn);border:1px solid var(--warn);background:#ff9f431a}.member .pill.bad{color:#ffb3b3;background:#ff6b6b1a;border:1px solid #ffb3b3}.member .cert-edit .icon{width:16px;height:16px}.member .certs-more{display:none}.member .certs-empty{text-align:center;border:1px dashed var(--hair);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:28px 20px;display:flex}.member .certs-empty p{color:var(--mist);font-size:14px}.member .certs-empty .certs-empty-title{color:var(--paper);font-size:17px;font-weight:600}.member .certs-empty .go{margin-top:10px}.member .side-panel{border-top:1px solid var(--hair);padding-top:14px}.member .panel-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.member .panel-head .icon{width:16px;height:16px}.member .panel-hint{color:var(--mist);margin-top:8px;font-size:14px}.member .records h2{margin-bottom:10px}.member .records-row{flex-wrap:wrap;align-items:flex-end;gap:12px 32px;display:flex}.member .records-row .big{flex-direction:column;display:flex}.member .records-row .big b{font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1.2}.member .records-row .big span{color:var(--mist);font-size:13px}.member .records-row .text-link{margin-left:auto}.member .records-empty{font-size:15px;line-height:1.6}.member .records-empty a{text-underline-offset:4px;white-space:nowrap;font-weight:600;text-decoration:underline}.member .tier-row{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:10px;display:flex}.member .tier-row p{color:var(--mist);font-size:14px}.member .tier-row .text-link{margin-left:auto}.member .facts>div{border-bottom:1px solid var(--hair);grid-template-columns:140px minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.member .facts dt{color:var(--mist);font-size:14px}.member .facts dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:16px;font-weight:600}.member .diver-info .facts{margin-top:10px}.member .diver-form{flex-direction:column;gap:14px;margin-top:12px;display:flex}.member .form-actions{justify-content:flex-end;gap:8px;display:flex}.member .form-actions button{height:44px}.member .member-teaser{border:1px dashed var(--hair);opacity:.62;cursor:default;border-radius:14px;align-items:center;gap:18px;padding:18px 20px;display:flex}.member .member-teaser>.icon{box-sizing:content-box;border-right:1px solid var(--hair);width:32px;height:32px;padding-right:18px}.member .member-teaser p{color:var(--mist);font-size:14px;line-height:1.5}.member .member-teaser .teaser-title{font:700 18px/1.3 var(--serif);color:var(--paper);margin-bottom:4px}.member .teaser-tag{border:1px solid var(--mist);height:22px;color:var(--mist);vertical-align:middle;border-radius:99px;align-items:center;margin-left:8px;padding:0 9px;font:600 11px/1 -apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;display:inline-flex}.member .account-sec{border-top:1px solid var(--hair);grid-template-columns:auto minmax(0,1fr);gap:20px 32px;padding-top:20px;display:grid}.member .account-sec h2{font-size:clamp(28px,2.6vw,36px)}.member .account-body{border-left:1px solid var(--hair);flex-direction:column;gap:14px;padding-left:24px;display:flex}.member .account-facts{flex-wrap:wrap;gap:4px 24px;display:flex}.member .account-facts>div{border:0;gap:8px;padding:0;display:flex}.member .account-facts dd{font-size:14px;font-weight:500}.member .account-actions{flex-wrap:wrap;gap:10px;display:flex}.member .account-actions .icon{width:18px;height:18px}.member .account-nick-form{flex-wrap:wrap;gap:8px;display:flex}.member .account-nick-form input{flex:200px;width:auto!important}.member .account-nick-form button{height:44px}.member .account-nick-form p{flex-basis:100%}.member-main.guest{max-width:720px}.member-main.guest .member-head{margin:24px 0 12px}.member .guest-line{margin-bottom:20px;font-size:16px}.member .login-pair{flex-direction:column;gap:8px;max-width:320px;display:flex}.member .login-pair .oauth+.oauth{margin-top:0}.member .member-toast{padding-right:16px;position:fixed}.member .skeleton-card,.member .sk{background:#eef3f114}.member .skeleton-card{box-shadow:none;border:0}.member .skeleton-row{border-top:1px solid var(--hair);grid-template-columns:72px 72px minmax(0,1fr)}.member .sk{border-radius:6px;display:block}.member .thumb-sk{height:46px}.member .sk-lines{flex-direction:column;gap:8px;display:flex}.member .sk.bar{width:60%;height:16px}.member .sk.bar.short{width:40%}.member .is-loading .skeleton-card,.member .is-loading .sk{background:linear-gradient(90deg,#eef3f10f 30%,#eef3f124 50%,#eef3f10f 70%) 0 0/300% 100%;animation:1.4s linear infinite member-shimmer}@keyframes member-shimmer{to{background-position:-150% 0}}.member-dialog{width:min(680px,100vw - 32px);max-width:none;max-height:calc(100dvh - 48px);color:var(--paper);border:1px solid var(--hair);background:#071b30f7;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 20px 60px #00000073}.member-dialog[open]{animation:member-in .24s var(--ease);flex-direction:column;display:flex}.member-dialog[data-closing]{animation:member-out .18s var(--ease) forwards}.member-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00060e99}@keyframes member-in{0%{opacity:0;transform:translateY(12px)}}@keyframes member-out{to{opacity:0;transform:translateY(12px)}}.member-dialog-body{flex-direction:column;min-height:0;display:flex;overflow:auto}.member-dialog .sheet-handle{display:none}.member-dialog .dialog-head{border-bottom:1px solid var(--hair);align-items:center;gap:12px;margin:0;padding:20px 20px 14px 28px;display:flex}.member-dialog .dialog-head h2{font:700 clamp(24px, 2.4vw, 30px)/1.25 var(--serif);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;display:flex}.member-dialog .dialog-head h2 .icon{width:26px;height:26px;color:var(--mist)}.member-dialog .dialog-scroll{flex:1;min-height:0;padding:18px 28px;overflow:auto}.member-dialog .dialog-foot{border-top:1px solid var(--hair);align-items:center;gap:10px;padding:14px 28px 18px;display:flex}.member-dialog .dialog-foot .foot-gap{flex:1}.member-dialog .dialog-foot .btn-line{height:44px;padding:0 24px;font-size:16px}.member-dialog .dialog-foot .go{min-width:120px;height:44px}.cert-editor .member-dialog-body{overflow:hidden}.cert-editor form{flex-direction:column;flex:1;min-height:0;display:flex}.cert-editor .editor-grid{grid-template-columns:1fr 1fr;gap:14px 20px;display:grid}.cert-editor .editor-cards{border:0;min-width:0;margin:20px 0 0;padding:0}.cert-editor .editor-cards legend{margin-bottom:8px;padding:0;font-size:14px;font-weight:700}.cert-editor .slots{grid-template-columns:1fr 1fr;gap:20px;display:grid}.cert-editor .privacy-note{border-top:1px solid var(--hair);color:var(--mist);align-items:flex-start;gap:10px;margin-top:18px;padding-top:14px;font-size:13px;line-height:1.6;display:flex}.cert-editor .privacy-note .icon{width:20px;height:20px;color:var(--paper);margin-top:1px}.member .combo{position:relative}.member .combo-pop{z-index:3;border:1px solid var(--hair);background:#092138;border-radius:10px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #00000073}.member .combo-pop[hidden]{display:none}.member .combo-pop ul{max-height:320px;margin:0;padding:4px;list-style:none;overflow:auto}.member .combo-pop li{cursor:pointer;border-radius:6px;align-items:center;min-height:40px;padding:0 12px;font-size:15px;display:flex}.member .combo-pop li:hover{background:#eef3f114}.member .combo-pop li[aria-selected=true]{background:#eef3f129;font-weight:600}.member .combo-hint{border-top:1px solid var(--hair);color:var(--mist);margin:0 4px;padding:8px 8px 10px;font-size:12px}.member .card-slot-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.member .slot-label{font-size:13px;font-weight:600}.member .card-slot{aspect-ratio:3/2;cursor:pointer;text-align:center;border:1.5px dashed #a9c6cf99;border-radius:12px;place-items:center;transition:border-color .2s,background .2s;display:grid;position:relative;overflow:hidden}.member .card-slot:hover{background:#eef3f10a}.member .card-slot:focus-within{outline:2px solid var(--paper);outline-offset:3px}.member .card-slot.filled{border:1px solid var(--hair)}.member .card-slot.over{border:1.5px solid var(--paper);background:#eef3f10f}.member .card-slot.error{border:1.5px solid var(--bad)}.member .card-slot img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.member .card-slot.uploading img,.member .card-slot.over img{opacity:.5}.member .slot-center{z-index:1;flex-direction:column;align-items:center;gap:6px;padding:12px;font-size:14px;display:flex;position:relative}.member .slot-center b{font-weight:600;line-height:1.4}.member .slot-center small{color:var(--mist);font-size:12px}.member .slot-center>.icon{width:30px;height:30px}.member .slot-busy{background:#071b3073;width:100%;padding:12px 18px}.member .slot-progress{appearance:none;background:#eef3f133;border:0;border-radius:99px;width:100%;height:4px;overflow:hidden}.member .slot-progress::-webkit-progress-bar{background:#eef3f133;border-radius:99px}.member .slot-progress::-webkit-progress-value{background:var(--paper);border-radius:99px}.member .slot-progress::-moz-progress-bar{background:var(--paper);border-radius:99px}.member .slot-link{color:var(--paper);text-underline-offset:3px;padding:6px 10px;font-size:13px;text-decoration:underline}.member .slot-confirm{background:#071b30e0;justify-content:center;position:absolute;inset:0}.member .slot-actions{justify-content:center;gap:8px;display:flex}.member .slot-actions.overlay{z-index:1;background:linear-gradient(#0000,#071b30d9);padding:28px 10px 10px;position:absolute;bottom:0;left:0;right:0}.member .slot-btn{background:#071b3099;border:1px solid #eef3f199;border-radius:99px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.member .slot-btn:hover{background:#071b30d9}.member .slot-btn .icon{width:15px;height:15px}.member .slot-btn.danger{color:#ffb3b3;border-color:#ff6b6bb3}.confirm-dialog,.session-dialog{width:min(420px,100vw - 32px)}.confirm-dialog .member-dialog-body,.session-dialog .member-dialog-body{gap:10px;padding:22px 24px}.confirm-dialog h2,.session-dialog h2{font-size:18px;font-weight:700;line-height:1.45}.confirm-dialog p{color:var(--mist);font-size:14px;line-height:1.55}.confirm-dialog .dialog-foot{border:0;justify-content:flex-end;padding:10px 0 0}.confirm-dialog .dialog-foot button{height:44px;padding:0 22px;font-size:15px}.session-dialog .login-pair{max-width:none;margin-top:6px}.tiers-dialog{width:min(720px,100vw - 32px)}.tiers-dialog .tiers-head{align-items:flex-start;padding:26px 20px 18px 32px}.tiers-dialog .tiers-head>div{margin-right:auto}.tiers-dialog .tiers-head h2{font:700 clamp(28px, 3vw, 40px)/1.2 var(--serif)}.tiers-dialog .tiers-head p{color:var(--mist);margin-top:6px;font-size:15px}.tiers-dialog .tiers-mine{color:var(--mist);align-items:center;gap:10px;margin-top:10px;font-size:14px;display:flex}.tiers-dialog .tiers-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:22px 32px 28px;list-style:none;display:grid}.tiers-dialog .tiers-grid>li{min-width:0;padding:0 20px}.tiers-dialog .tiers-grid>li:first-child{padding-left:0}.tiers-dialog .tiers-grid>li+li{border-left:1px solid var(--hair)}.tiers-dialog .tiers-badge-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.tiers-dialog .tiers-mine-tag{background:#eef3f124;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:600}.tiers-dialog .perks{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tiers-dialog .perks li{align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;display:flex}.tiers-dialog .perks .icon{width:20px;height:20px;color:var(--mist);margin-top:1px}.tiers-dialog .perks.pending li{color:var(--mist)}.tiers-dialog .tiers-foot{display:none}.card-viewer{width:min(760px,100vw - 32px)}.card-viewer .viewer-frame{place-items:center;padding:18px 28px;display:grid}.card-viewer .viewer-frame img{object-fit:contain;border-radius:12px;max-width:100%;max-height:60dvh;display:block}.card-viewer .viewer-none{min-height:200px;color:var(--mist);align-items:center;gap:8px;display:flex}.card-viewer .viewer-sides{justify-content:center;gap:8px;padding:0 28px 22px;display:flex}.card-viewer .viewer-sides button{min-width:96px;height:44px}@media (max-width:1099px){.member-main.hub>section,.member-main.hub>div>section{scroll-margin-top:56px}.member-main.hub{grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head head""idx idx""card sidea""certs sideb""acct danger"}.member-index{z-index:5;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--hair);background:#092840f0;position:sticky;top:0}.member-index ol{scrollbar-width:none;border:0;flex-direction:row;gap:0;padding:0;position:static;overflow-x:auto}.member-index a{white-space:nowrap;align-items:center;height:44px;padding:0 14px;font-size:15px}.member-index a .num{display:none}.member-index a[aria-current=true]{box-shadow:inset 0 -2px 0 var(--paper)}.member-index .index-marker{display:none}.member .account-sec{grid-template-columns:1fr}.member .account-body{border-left:0;padding-left:0}}@media (max-width:719px){.member{--gutter:16px}.member-main{padding-top:24px}.member-main.hub{flex-direction:column;align-items:stretch;gap:24px;display:flex}.member .side-a,.member .side-b{display:contents}.member-head{order:0}.member .diver-card{aspect-ratio:auto;order:1;min-height:0;max-height:none;padding:20px 20px 18px}.member-index{order:2;margin-bottom:-8px}.member-index .only-wide{display:none}.member-index li{flex:1 0 auto}.member-index a{justify-content:center}.member .certs{order:3}.member .diver-info{order:4}.member .records{order:5}.member .tier-panel{order:6}.member .member-teaser{order:7}.member .account-sec{order:8}.member .account-danger{order:9}.member .diver-card-facts>div{padding:0 10px}.member .diver-card-facts dd{font-size:15px}.member .diver-card-foot{display:none}.member .certs-head{border-top:0;padding-top:0}.member .certs-head .label-long{display:none}.member .certs-head .label-short{display:inline}.member .certs-head .go{height:46px}.member .cert-row{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"thumbs body""thumbs body";align-items:start;gap:14px;position:relative}.member .cert-thumbs{border-right:0;gap:8px;padding-right:0}.member .thumb-box{width:64px;height:41px}.member .cert-body h3{margin-top:4px;padding-right:64px;display:block}.member .diver-card-facts dt{letter-spacing:0;font-size:11px}.member .cert-meta{font-size:13px}.member .cert-meta.second{display:none}.member .pill{margin:6px 0 0}.member .cert-meta .pill{flex-basis:auto}.member .cert-edit{border:0;height:44px;padding:0 6px;position:absolute;top:10px;right:0}.member .cert-list.collapsed>li.beyond{display:none}.member .certs-more{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);justify-content:center;align-items:center;width:100%;height:48px;font-size:15px;font-weight:600;display:flex}.member .facts{border-top:1px solid var(--hair);grid-template-columns:1fr 1fr;display:grid}.member .facts>div{flex-direction:column;gap:4px;padding:12px 16px;display:flex}.member .facts>div:nth-child(odd){border-right:1px solid var(--hair);padding-left:4px}.member .facts dd{font:700 20px/1.3 var(--serif)}.member .account-facts{border-top:1px solid var(--hair);display:block}.member .account-facts>div{border-bottom:1px solid var(--hair);grid-template-columns:120px 1fr;padding:10px 4px;display:grid;border-right:0!important}.member .account-facts dd{font-family:inherit;font-size:15px;font-weight:500}.member .account-actions{flex-direction:column}.member .account-actions button,.member .account-danger .account-action{width:100%;height:48px}.member .records-row{justify-content:space-around}.member .records-row .text-link{border-top:1px solid var(--hair);flex-basis:100%;margin-left:0;padding-top:12px}.member .btn-line,.member .btn-ghost{height:44px}.member input:not([type=checkbox]):not([type=file]),.member select{min-height:48px}.member .field-row:not(.dates){grid-template-columns:1fr}.member-dialog{border-bottom:0;border-radius:20px 20px 0 0;width:100%;max-width:100%;max-height:94dvh;margin:0;inset:auto 0 0}.member-dialog[open]{animation:member-sheet-in .28s var(--ease)}.member-dialog[data-closing]{animation:member-sheet-out .18s var(--ease) forwards}.member-dialog .sheet-handle{background:var(--hair);border-radius:2px;flex:none;width:36px;height:4px;margin:10px auto 0;display:block}.member-dialog .dialog-head{padding:10px 12px 12px 20px}.member-dialog .dialog-scroll{padding:16px 20px}.member-dialog .dialog-foot{padding:12px 16px max(16px, env(safe-area-inset-bottom));flex-wrap:wrap}.member-dialog .dialog-foot .btn-danger-text{flex-basis:100%;justify-content:flex-start}.member-dialog .dialog-foot .foot-gap{display:none}.member-dialog .dialog-foot .btn-line,.member-dialog .dialog-foot .go{flex:1;height:48px}.cert-editor .editor-grid{grid-template-columns:1fr}.cert-editor .slots{gap:12px}.member .slot-center{padding:8px;font-size:13px}.member .slot-center>.icon{width:24px;height:24px}.member .slot-btn{height:40px;padding:0 10px}.confirm-dialog .member-dialog-body,.session-dialog .member-dialog-body{padding:8px 20px max(20px, env(safe-area-inset-bottom))}.tiers-dialog .tiers-head{flex-wrap:wrap;padding:10px 12px 14px 20px}.tiers-dialog .tiers-mine{flex-basis:100%;order:3}.tiers-dialog .tiers-grid{grid-template-columns:1fr;padding:4px 20px 8px}.tiers-dialog .tiers-grid>li{padding:18px 0}.tiers-dialog .tiers-grid>li+li{border-left:0;border-top:1px solid var(--hair)}.tiers-dialog .tiers-foot{display:flex}.card-viewer .viewer-frame{padding:14px 16px}}@keyframes member-sheet-in{0%{transform:translateY(100%)}}@keyframes member-sheet-out{to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.member-dialog[open],.member-dialog[data-closing],.member .cert-list>li.flash,.member .is-loading .skeleton-card,.member .is-loading .sk{animation:none}.member-index .index-marker,.member .thumb-box img,.member .card-slot{transition:none}}.lobby .entry .lock-meta{color:var(--mist);align-items:center;gap:5px;display:inline-flex}.lobby .entry .lock-meta:before{content:"";background:var(--hair);width:1px;height:12px;margin:0 10px}.lobby .go-row{align-items:center;gap:22px;display:flex;position:relative}.lobby .go-row .go:after{content:none}.lobby .go-row .go svg.icon{width:18px;height:18px}.lobby .brief-first{z-index:1;text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:var(--hair);text-decoration-color:var(--hair);font-size:15px;font-weight:600;position:relative}.lobby .brief-first:hover{text-decoration-color:currentColor}.lobby .entry.gate-open{z-index:5;animation:none}.lobby .gate-sheet{width:360px;top:calc(100% + 12px);left:0;right:auto}.lobby .gate-sheet .oauth+.oauth{margin-top:10px}.lobby .gate-sheet .gate-note{align-items:center;gap:8px;margin:14px 0 0;font-size:13px;display:flex}.lobby .gate-sheet .gate-note .icon{flex:none}@media (max-width:719px){.lobby .go-row{flex-direction:column;align-items:stretch;gap:12px}.lobby .brief-first{align-self:center}.lobby .gate-sheet{width:auto;position:fixed;top:auto;left:0;right:0}}.brief-gate{border:1px solid var(--edge);background:var(--panel);border-radius:12px;padding:16px}.brief-gate h2{gap:10px;margin:0 0 6px;font-size:20px}.brief-gate h2 .icon{color:var(--accent)}.brief-gate p{color:var(--muted);margin:0 0 14px}.brief-gate-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.brief-gate .login-btn{border-radius:10px;justify-content:center;align-items:center;gap:10px;height:48px;padding:0 16px;font-weight:700;text-decoration:none;display:inline-flex}.brief-gate .login-btn svg{width:20px;height:20px}.brief-gate .login-btn.google{color:#1f1f1f;background:#fff}.brief-gate .login-btn.kakao{color:#191600;background:#fee500}.brief-gate-hint{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.brief-gate-hint a{color:var(--accent)}@media (max-width:719px){.brief-gate-actions{grid-template-columns:1fr}}
.doc-page{max-width:860px;margin:0 auto}.doc-page a{color:var(--surface-hi)}.doc-nav{flex-wrap:wrap;gap:6px 16px;padding:8px 0;display:flex}.doc-nav a{text-decoration:none}.doc-head{margin:10px 0 18px}.doc-head small{color:var(--muted)}.doc-head h1{letter-spacing:-.01em;margin:4px 0 6px;font-size:clamp(28px,5vw,40px)}.doc-head p{color:#cfe6f5;margin:0}.doc-badge{background:var(--accent);color:#1c1200;vertical-align:middle;border-radius:99px;margin-left:8px;padding:2px 10px;font-size:14px;font-weight:700;display:inline-block}.doc-facts{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:0 0 22px;display:grid}.doc-facts div{background:var(--panel);border:1px solid var(--edge);border-radius:12px;padding:10px 12px}.doc-facts dt{color:var(--muted);font-size:12px}.doc-facts dd{margin:4px 0 0;font-weight:700}.doc-section{margin-bottom:26px}.doc-section h2{margin:0 0 10px;font-size:19px}.doc-section p{color:#d6ebf7;line-height:1.6}.doc-section ul{color:#d6ebf7;margin:0;padding-left:20px;line-height:1.6}.doc-section li+li{margin-top:6px}.doc-links{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.doc-links a{background:var(--panel);border:1px solid var(--edge);border-radius:99px;align-items:center;min-height:40px;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.doc-links a:hover{border-color:#6fd6f0}.doc-links span{color:var(--muted);margin-left:6px}.species-page .discovery-stage{height:clamp(220px,42vh,380px);margin-bottom:16px}.species-page .discovery-sci{font-size:14px}.species-page .discovery-size{margin-top:4px;font-size:15px}.brief-life li a{color:inherit;text-decoration:none}.brief-life li a:hover b{text-decoration:underline}.dex-detail-page{border:1px solid var(--edge);min-height:44px;color:var(--fg);border-radius:10px;align-items:center;padding:0 14px;font-size:14px;text-decoration:none;display:inline-flex}.dex-detail-page:hover{border-color:#6fd6f0}