:root{--navy:#071a2c;--navy2:#0d2942;--orange:#f26722;--cream:#f4f1e9;--line:#d9d5ca;--ink:#112234}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Noto Sans KR,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.topbar{height:78px;padding:0 max(5vw,24px);justify-content:space-between;background:var(--navy);border-bottom:1px solid #29425a}.brand,.topbar{display:flex;align-items:center;color:white}.brand{gap:16px;text-decoration:none;font-size:13px;letter-spacing:.02em}.brand:focus-visible .signal,.brand:hover .signal{color:#ff8a4e}.brand:focus-visible{outline:2px solid #9cc7df;outline-offset:5px}.signal{font-weight:900;font-size:23px;letter-spacing:-1px;color:var(--orange);border-right:1px solid #496075;padding-right:16px}.admin-link{border:1px solid #597085;background:transparent;color:#dfe7ed;padding:9px 15px;border-radius:4px;font-size:12px}.hero{min-height:530px;padding:76px max(8vw,32px);color:white;background:radial-gradient(circle at 78% 45%,#16486b 0,transparent 28%),linear-gradient(120deg,#061625,#0b2842 68%,#102d46);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:470px;height:470px;border:1px solid #ffffff17;border-radius:50%;right:8%;top:20px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.admin-heading span,.eyebrow,.form-head span{color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.22em}.hero h1{font-size:clamp(42px,5.5vw,74px);line-height:1.08;letter-spacing:-.055em;margin:17px 0 15px;max-width:830px}.hero h1 em{font-style:normal;color:#9cc7df}.hero>p{color:#b9c7d3;font-size:17px}.search-box{position:relative;z-index:2;margin-top:40px;max-width:690px}.search-box label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.search-box div{display:flex;background:white;padding:7px;border-radius:5px;box-shadow:0 18px 40px #0005}.search-box input{flex:1 1;border:0;padding:14px 16px;text-transform:uppercase;outline:0;font-size:17px;color:var(--ink);min-width:0}.login-card button,.save-button,.search-box button{border:0;background:var(--orange);color:white;font-weight:800;padding:0 25px;border-radius:3px}.frequency{position:absolute;right:8vw;bottom:43px;display:flex;align-items:center;gap:18px;font-size:11px;color:#91a5b5}.frequency strong{color:white}.frequency i{width:70px;height:1px;background:var(--orange)}.result-section{max-width:1120px;margin:0 auto;padding:65px 28px 90px}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.intro-grid article{border-top:2px solid var(--navy);padding-top:18px}.intro-grid b{color:var(--orange);font-size:12px}.intro-grid h3{font-size:19px;margin:24px 0 8px}.intro-grid p{color:#65717a;font-size:14px;line-height:1.7}.result-card{background:white;border-top:4px solid var(--orange);box-shadow:0 15px 50px #14233112;padding:38px}.result-title{display:flex;justify-content:space-between;align-items:center}.result-title span{font-size:10px;letter-spacing:.18em;color:#75818a}.result-title h2{font-size:42px;margin:3px 0}.total{text-align:right}.total b{display:block;font-size:50px;color:var(--orange);line-height:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:28px 0 38px;background:#f4f6f7;padding:20px}.stats div+div{border-left:1px solid #d7dde0;padding-left:25px}.stats span{display:block;font-size:11px;color:#78828a;margin-bottom:7px}.result-card h3{font-size:17px;border-bottom:1px solid var(--line);padding-bottom:14px}.record{display:grid;grid-template-columns:110px 120px 1fr;gap:15px;align-items:center;padding:15px 4px;border-bottom:1px solid #ece9e1}.record time{font-weight:700}.record small{grid-column:3;color:#73808a}.badge{display:inline-block;width:max-content;font-size:10px;font-weight:800;padding:5px 8px;border-radius:2px}.badge.blue{background:#d9e9f2;color:#174962}.badge.orange{background:#ffe1cf;color:#9c3d0d}.empty{text-align:center;background:white;padding:60px}.empty b,.empty span{display:block}.empty span{margin-top:8px;color:#76818a}.admin-page{max-width:1100px;margin:auto;padding:58px 28px 100px}.admin-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.admin-heading h1{font-size:42px;margin:7px 0 0}.admin-heading button,.text-button{border:0;background:transparent;color:#52616d;text-decoration:underline}.login-card,.session-form{background:white;border-top:4px solid var(--orange);padding:35px;box-shadow:0 12px 40px #14233112}.login-card{max-width:440px;margin:auto}.login-card h2{margin:0}.login-card p{color:#74808a;margin-bottom:30px}.form-grid label,.login-card label{display:block;font-size:12px;font-weight:700;margin-top:16px}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{display:block;width:100%;border:1px solid #cfd5d8;background:#fbfbf9;padding:12px;margin-top:7px;outline-color:var(--orange)}.login-card button{width:100%;height:46px;margin-top:24px}.form-head{display:flex;justify-content:space-between}.form-head h2{margin:5px 0 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.form-grid .wide{grid-column:1/-1}.form-grid small{display:block;color:#7e888f;font-weight:400;margin-top:5px}.save-button{height:48px;margin-top:25px}.session-list{margin-top:48px}.list-head{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--navy)}.list-head b{color:var(--orange)}.session-list article{display:grid;grid-template-columns:110px minmax(0,1fr) 60px 192px;gap:20px;align-items:center;padding:21px 10px;border-bottom:1px solid var(--line)}.session-list h3{font-size:16px;margin:8px 0 4px}.session-list p{margin:0;color:#707b83;font-size:12px}.actions{display:grid;grid-template-columns:112px 72px;gap:8px;justify-content:end;align-items:center}.actions button{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 14px;border-radius:4px;font-family:inherit;font-size:14px;font-weight:700;line-height:1;letter-spacing:0;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.actions .edit-button{border:1px solid var(--navy);background:var(--navy);color:white}.actions .delete-button{border:1px solid #d9b9ad;background:white;color:#9c3d21}.participant-field{margin-top:24px}.participant-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.participant-heading b,.participant-heading small{display:block}.participant-heading small{margin-top:4px}.participant-heading button{border:0;background:var(--navy);color:white;padding:9px 13px;border-radius:3px;font-size:12px;font-weight:700}.participant-table{overflow-x:auto;border:1px solid #c7cdd0;background:#f7f7f4}.participant-row{display:grid;grid-template-columns:48px 110px 126px 68px 68px 66px minmax(170px,1fr) 42px 66px;min-width:890px;align-items:center;border-bottom:1px solid #c7cdd0}.participant-row:last-child{border-bottom:0}.participant-row>*{min-width:0}.participant-row input{height:42px;margin:0;border:0;border-left:1px solid #c7cdd0;border-radius:0;background:white;padding:8px;text-align:center;text-transform:uppercase;outline-color:var(--orange)}.participant-row input:last-of-type{text-align:left;text-transform:none}.participant-row.is-staged,.participant-row.is-staged input{background:#f3f8fb}.participant-header{height:36px;background:#626464;color:white;font-size:11px}.participant-header,.row-number{font-weight:700;text-align:center}.remove-row{border:0;border-left:1px solid #c7cdd0;background:white;color:#a34828;height:42px;font-size:20px}.remove-row:hover{background:#fff0e8}.stage-row{height:42px;border:0;border-left:1px solid #c7cdd0;background:var(--navy);color:white;font-size:11px;font-weight:800}.stage-row:hover{background:var(--navy2)}.stage-row:disabled{cursor:default;background:#dce9f0;color:#174962}.callsign-input{font-weight:800}.callsign-input::placeholder{color:#d8dde1;font-weight:500;opacity:.62}.time-input{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em}.first-contact-notice{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.first-contact-notice span{display:inline-flex;align-items:center;gap:9px;min-height:34px;padding:7px 12px;border:1px solid #f3b18d;border-radius:4px;background:#fff4ed;color:#8d3514}.first-contact-notice b{font-size:13px;letter-spacing:.04em}.first-contact-notice em{font-size:12px;font-style:normal;font-weight:800}.session-callsigns i{color:#707b83;font-style:normal}.session-callsigns b{color:#707b83;font-weight:400}.session-callsigns .first-contact-callsign{color:var(--orange);font-weight:800}.first-contact-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:#061625b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.first-contact-modal{width:min(460px,100%);border-top:5px solid var(--orange);background:white;padding:34px;box-shadow:0 24px 70px #0007}.first-contact-modal>span{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.2em}.first-contact-modal h2{margin:9px 0 14px;color:var(--navy);font-size:34px;letter-spacing:.03em}.first-contact-modal p{margin:0;color:#65717a;font-size:15px;line-height:1.7}.first-contact-modal>div{display:flex;justify-content:flex-end;gap:9px;margin-top:28px}.first-contact-modal button{height:44px;padding:0 18px;border-radius:4px;font-weight:800}.modal-cancel{border:1px solid #cbd0d2;background:white;color:#52616d}.modal-confirm{border:1px solid var(--orange);background:var(--orange);color:white}.recent-callsign-loading{margin-top:18px;padding:16px;border:1px solid #e0e4e6;background:#f7f8f8;color:#74808a;font-size:13px}.recent-callsign-card{margin-top:22px;border:1px solid #e0e4e6;border-top:3px solid var(--orange);background:#fff;padding:24px}.recent-callsign-title{display:flex;align-items:center;justify-content:space-between}.recent-callsign-stats span,.recent-callsign-title span{display:block;color:#667580;letter-spacing:.08em}.recent-callsign-title>div:first-child>span{font-size:11px}.recent-callsign-title h3{margin:5px 0 0;color:var(--navy);font-size:30px;letter-spacing:.03em}.recent-callsign-total{text-align:right}.recent-callsign-total b{display:block;color:var(--orange);font-size:48px;line-height:.95}.recent-callsign-total span{margin-top:8px;font-size:13px;font-weight:700}.recent-first-contact{display:inline-flex;margin-top:14px;padding:6px 9px;border-radius:3px;background:#fff0e7;color:#a23e15;font-size:11px}.recent-callsign-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;background:#f3f5f6;padding:20px}.recent-callsign-stats div+div{border-left:1px solid #cbd3d7;padding-left:24px}.recent-callsign-stats span{font-size:13px;font-weight:700}.recent-callsign-stats b{display:block;margin-top:9px;font-size:19px;line-height:1.25}.export-panel{margin-top:34px;border-top:4px solid var(--navy);background:white;padding:30px 35px;box-shadow:0 12px 40px #14233112}.export-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.export-heading span{color:var(--orange);font-size:10px;font-weight:900;letter-spacing:.2em}.export-heading h2{margin:5px 0 0;font-size:24px}.export-heading p{margin:0;color:#74808a;font-size:12px}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.export-grid article{display:flex;min-height:245px;flex-direction:column;border:1px solid #d7dde0;background:#fafbfb;padding:23px}.export-grid article.backup-card{border-color:#d5dde4;background:#f5f8fa}.export-number{color:var(--orange);font-size:11px;font-weight:900;letter-spacing:.14em}.export-grid h3{margin:10px 0 7px;font-size:18px}.export-grid p{min-height:42px;margin:0;color:#667580;font-size:13px;line-height:1.6}.export-controls{display:grid;grid-template-columns:minmax(150px,1fr) auto;gap:9px;align-items:end;margin-top:18px}.export-controls label{display:block;color:#52616d;font-size:11px;font-weight:800}.export-controls input,.export-controls select{display:block;width:100%;height:42px;margin-top:6px;border:1px solid #cbd3d7;background:white;padding:0 10px;color:var(--ink)}.export-controls label:nth-child(2){grid-column:1}.png-export-button,.xlsx-export-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:1px solid var(--orange);border-radius:3px;background:var(--orange);color:white;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.png-export-button{padding:0 17px}.png-export-button:disabled{cursor:not-allowed;border-color:#bcc5ca;background:#bcc5ca}.xlsx-export-button{width:max-content;margin-top:auto;padding:0 20px}.export-grid small{display:block;margin-top:11px;color:#7b878f;font-size:11px;line-height:1.45}.backup-advice{display:flex;align-items:center;gap:13px;margin-top:18px;border-left:3px solid var(--orange);background:#fff4ed;padding:12px 15px;color:#773818;font-size:12px}.backup-advice b{white-space:nowrap}.backup-advice span{color:#765748}.xlsx-export-button:disabled{cursor:not-allowed;border-color:#bcc5ca;background:#bcc5ca}footer{background:#061625;color:#8999a7;display:flex;justify-content:space-between;align-items:center;padding:28px max(5vw,24px);font-size:11px}footer b{color:var(--orange);font-size:22px}@media(max-width:700px){.topbar{height:68px}.brand span:last-child{display:none}.hero{padding:55px 24px;min-height:500px}.hero:after{right:-270px}.frequency{left:24px;right:auto}.search-box div{flex-direction:column}.search-box button{height:48px}.intro-grid{grid-template-columns:1fr}.result-section{padding:40px 18px}.result-card{padding:24px 18px}.stats{grid-template-columns:1fr;gap:17px}.stats div+div{border-left:0;padding-left:0}.record{grid-template-columns:1fr 1fr}.record small,.record strong{grid-column:1/-1}.admin-heading{align-items:start;gap:20px}.admin-heading h1{font-size:32px}.form-grid{grid-template-columns:1fr}.participant-heading{align-items:start;gap:12px}.session-form{padding:25px 16px}.session-list article{grid-template-columns:1fr auto}.session-list article>div,.session-list article>time{grid-column:1}.actions,.session-list article>strong{grid-column:2}.session-list article>strong{grid-row:1}.actions{grid-row:2}footer p{display:none}.recent-callsign-card{padding:19px}.recent-callsign-title h3{font-size:26px}.recent-callsign-stats{grid-template-columns:1fr;gap:13px}.recent-callsign-stats div+div{border-left:0;border-top:1px solid #d7dde0;padding-top:13px;padding-left:0}.first-contact-modal>div{flex-direction:column-reverse}.first-contact-modal button{width:100%}.export-panel{padding:24px 17px}.export-heading{align-items:start;flex-direction:column;gap:8px}.export-grid{grid-template-columns:1fr}.export-grid article{min-height:0}.export-controls{grid-template-columns:1fr}.export-controls label:nth-child(2){grid-column:auto}.png-export-button{height:44px}.xlsx-export-button{width:100%;height:44px;margin-top:18px}.backup-advice{align-items:start;flex-direction:column;gap:5px}}.hero:after{z-index:0;pointer-events:none}.hero-logo{position:absolute;z-index:1;top:50%;right:clamp(24px,6vw,110px);width:clamp(360px,35vw,520px);height:auto;transform:translateY(-53%);filter:drop-shadow(0 22px 45px #0008);pointer-events:none;-webkit-user-select:none;user-select:none}.hero>.eyebrow,.hero>.search-box,.hero>h1,.hero>p{position:relative;z-index:2}.hero>h1{max-width:min(830px,58vw)}.hero>.search-box{max-width:min(690px,47vw)}.frequency{z-index:3}@media(max-width:1100px){.hero-logo{right:-2vw;width:clamp(350px,44vw,470px);opacity:.72}.hero>h1{max-width:min(760px,68vw)}.hero>.search-box{max-width:min(690px,62vw)}}@media(max-width:700px){.hero{min-height:540px}.hero-logo{top:57%;right:-26vw;width:clamp(285px,88vw,410px);opacity:.32;filter:drop-shadow(0 18px 34px #0007)}.hero>.search-box,.hero>h1{max-width:100%}.frequency{bottom:24px}}@media(max-width:440px){.hero-logo{top:59%;right:-35vw;opacity:.28}.frequency{gap:12px}.frequency i{width:42px}}.frequency{right:max(3vw,28px);left:auto;bottom:18px;justify-content:flex-end;max-width:420px;text-align:right;line-height:1.45}.frequency strong{font-size:12px;letter-spacing:.035em;white-space:nowrap}@media(max-width:700px){.frequency{right:24px;left:auto;bottom:20px;max-width:calc(100% - 48px)}.frequency strong{font-size:11px;white-space:normal}}@media(max-width:440px){.frequency{right:18px;left:auto;max-width:calc(100% - 36px)}}.hero{background:linear-gradient(120deg,#061625,#0b2842 68%,#102d46)}.hero:after{display:none}.hero-emblem{position:absolute;z-index:1;isolation:isolate;top:50%;right:clamp(24px,6vw,110px);display:grid;width:clamp(360px,35vw,520px);aspect-ratio:1;place-items:center;transform:translateY(-53%);pointer-events:none;-webkit-user-select:none;user-select:none}.hero-emblem:after,.hero-emblem:before{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.hero-emblem:before{z-index:-1;width:136%;height:136%;border:1px solid #ffffff17;box-shadow:0 0 0 clamp(56px,5vw,90px) #ffffff08,0 0 0 clamp(112px,10vw,180px) #ffffff05}.hero-emblem:after{z-index:-2;width:205%;height:205%;background:radial-gradient(circle,#16486b 0,transparent 62%)}.hero-emblem .hero-logo{position:relative;z-index:1;top:auto;right:auto;width:100%;height:auto;transform:none;opacity:1;filter:drop-shadow(0 22px 45px #0008)}@media(max-width:1100px){.hero-emblem{right:-2vw;width:clamp(350px,44vw,470px);opacity:.72}}@media(max-width:700px){.hero-emblem{top:57%;right:-26vw;width:clamp(285px,88vw,410px);opacity:.32}.hero-emblem .hero-logo{filter:drop-shadow(0 18px 34px #0007)}}@media(max-width:440px){.hero-emblem{top:59%;right:-35vw;opacity:.28}}