:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#17191f;background:#111318;font-family:Inter,Noto Sans TC,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:#111318}body{background:#111318;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #56bfff}.gallery-page{color:#f4f0e8;background:radial-gradient(circle at 8% 2%,#c644243d,#0000 28rem),linear-gradient(135deg,#111318 0%,#1b1e26 100%);min-height:100vh;padding:54px clamp(18px,5vw,72px) 72px}.gallery-hero{text-align:center;max-width:760px;margin:0 auto 38px}.gallery-kicker,.concept-tone{letter-spacing:.16em;font-size:.72rem;font-weight:800}.gallery-hero h1{letter-spacing:-.045em;margin:9px 0 12px;font-size:clamp(2rem,7vw,4rem)}.gallery-hero>p:last-child{color:#b7bac4;line-height:1.7}.concept-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:18px;max-width:1240px;margin:auto;display:grid}.concept-card{border:1px solid #ffffff21;flex-direction:column;gap:16px;min-height:345px;padding:25px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 55px #00000047}.concept-card:before{content:"";background:var(--preview-accent);height:6px;position:absolute;inset:0 0 auto}.concept-number{color:color-mix(in srgb, var(--preview-accent) 40%, transparent);align-self:flex-end;font:800 3.4rem/1 ui-monospace,monospace}.concept-card h2{margin:3px 0 8px;font-size:1.45rem}.concept-card p{color:#c2c4cb;margin:0;line-height:1.55}.concept-card ul{color:#e2e1de;margin:0;padding-left:1.1rem;line-height:1.75}.concept-card a{color:#111;background:var(--preview-accent);place-items:center;min-height:48px;margin-top:auto;font-weight:900;text-decoration:none;display:grid}.preview-command{--preview-accent:#bddf45;background:#151a14}.preview-brass{--preview-accent:#d99c49;background:#241d18;border-radius:22px}.preview-paper{--preview-accent:#d04935;background:#302a24}.preview-modern{--preview-accent:#48d6d0;background:#192039;border-radius:28px}.preview-alarm{--preview-accent:#ff493f;clip-path:polygon(0 0,94% 0,100% 6%,100% 100%,0 100%);background:#1c1112}.gallery-footnote{color:#aeb0b8;text-align:center;max-width:780px;margin:32px auto 0;line-height:1.6}.concept-stage{background:var(--stage-bg);min-height:100vh;color:var(--ink);padding:18px 0 30px}.phone-shell{background:var(--surface);width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;box-shadow:0 18px 70px #00000059}.app-header{background:var(--header-bg);min-height:118px;color:var(--header-ink);align-items:center;gap:12px;padding:24px 18px 20px;display:flex;position:relative}.app-header p,.section-heading p{letter-spacing:.14em;text-transform:uppercase;opacity:.76;margin:0 0 3px;font-size:.63rem;font-weight:800}.app-header h1{letter-spacing:.025em;margin:0;font-size:1.6rem}.header-signal{align-items:flex-end;gap:3px;height:28px;display:flex}.header-signal i{background:var(--accent);width:5px;display:block}.header-signal i:first-child{height:9px}.header-signal i:nth-child(2){height:17px}.header-signal i:nth-child(3){height:26px}.session-badge{white-space:nowrap;border:1px solid;margin-left:auto;padding:7px 9px;font-size:.72rem;font-weight:800}.input-panel,.results-panel,.missions-panel{padding:22px 16px 5px}.section-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-heading>span:first-child{border:1px solid var(--line);width:35px;height:35px;color:var(--accent);flex:0 0 35px;place-items:center;font:900 .75rem/1 ui-monospace,monospace;display:grid}.section-heading h2{letter-spacing:.02em;margin:0;font-size:1.08rem}.input-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.input-grid label{min-width:0;color:var(--muted);gap:6px;font-size:.72rem;font-weight:800;display:grid}.input-grid .coordinate-field{grid-template-rows:1.25rem 50px;align-content:start}.coordinate-field>span:first-child{align-items:center;min-height:1.25rem}.coordinate-field .input-box{height:50px}.wide-field{grid-column:1/-1}.input-box,.time-box{border:1px solid var(--line);background:var(--field-bg);min-height:50px;color:var(--ink);align-items:center;display:flex}.input-box input,.time-box input{width:100%;min-width:0;color:inherit;background:0 0;border:0;outline:0;min-height:48px;padding:0 5px 0 13px;font-size:1.13rem;font-weight:900}.input-box b{color:var(--accent);padding-right:8px}.time-box b{background:var(--accent);min-width:44px;color:var(--accent-ink);align-self:stretch;place-items:center;display:grid}.field-clear-button{border:0;border-left:1px solid var(--line);min-width:44px;color:var(--muted);background:0 0;align-self:stretch;font-size:1.15rem;font-weight:900}.field-clear-button:hover:not(:disabled){color:var(--accent);background:#c4e54f14}.field-clear-button:disabled{cursor:default;opacity:.22}.input-grid select{border:1px solid var(--line);background:var(--field-bg);width:100%;min-height:50px;color:var(--ink);border-radius:0;padding:0 12px;font-weight:800}.calculate-button{background:var(--accent);width:100%;min-height:58px;color:var(--accent-ink);border:0;justify-content:space-between;align-items:center;margin-top:14px;padding:0 16px;font-weight:1000;display:flex}.calculate-button small{letter-spacing:.11em;font-size:.58rem}.result-labels{display:none}.result-list{gap:9px;display:grid}.result-row{border:1px solid var(--line);background:var(--card-bg);grid-template-columns:50px 1fr 1fr 44px;grid-template-areas:"charge angle flight add""charge fire fire add";min-height:84px;display:grid;overflow:hidden}.charge-cell{text-align:center;background:var(--charge-bg);color:var(--charge-ink);grid-area:charge;place-content:center;display:grid}.charge-cell strong{font-size:1.45rem;line-height:1}.charge-cell small{margin-top:4px;font-size:.62rem}.result-value{border-bottom:1px solid var(--line);align-content:center;min-width:0;padding:8px 10px;display:grid}.result-value span{color:var(--muted);font-size:.6rem;font-weight:800}.result-value strong{white-space:nowrap;margin-top:2px;font-size:.9rem}.angle-result{grid-area:angle}.result-row>.result-value:nth-of-type(3){grid-area:flight}.fire-result{border-bottom:0;grid-area:fire}.fire-result strong{color:var(--fire-accent);font-family:ui-monospace,monospace;font-size:1rem}.add-button{border:0;border-left:1px solid var(--line);min-width:44px;color:var(--accent);background:0 0;grid-area:add;font-size:1.65rem;font-weight:400}.mission-heading{flex-wrap:wrap}.input-clear-button{border:1px solid var(--line-strong);min-height:44px;color:var(--muted);white-space:nowrap;background:0 0;flex:none;margin-left:auto;padding:0 9px;font-size:.69rem;font-weight:900}.clear-button{border:1px solid var(--danger);min-height:44px;color:var(--danger);background:0 0;margin-left:auto;padding:0 10px;font-size:.72rem;font-weight:900}.mission-list{gap:14px;display:grid}.mission-card{border:1px solid var(--line-strong);background:var(--card-bg);box-shadow:var(--card-shadow);overflow:hidden}.mission-card>header{border-bottom:1px solid var(--line);background:var(--task-head);min-height:47px;color:var(--task-head-ink);align-items:center;gap:9px;padding:0 12px;display:flex}.mission-card>header strong{font-size:1.05rem}.mission-card>header>span:last-child{margin-left:auto;font-size:.76rem;font-weight:900}.mission-index{letter-spacing:.05em;font:800 .66rem/1 ui-monospace,monospace}.key-values{grid-template-columns:1fr 1fr;display:grid}.key-value{border-right:1px solid var(--line);border-bottom:1px solid var(--line);align-content:center;min-width:0;min-height:82px;padding:11px;display:grid}.key-value span{opacity:.76;font-size:.62rem;font-weight:900}.key-value strong{white-space:nowrap;font-size:1.34rem;line-height:1.2}.fire-key{background:var(--fire-key-bg);min-height:89px;color:var(--fire-key-ink);grid-column:1/-1}.fire-key strong{letter-spacing:.04em;font:1000 1.8rem/1.2 ui-monospace,monospace}.angle-key{background:var(--angle-key-bg);color:var(--angle-key-ink)}.bearing-key{background:var(--bearing-key-bg);color:var(--bearing-key-ink);border-right:0}.mission-meta{grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;padding:12px;display:grid}.mission-meta div{border-bottom:1px dotted var(--line);justify-content:space-between;gap:8px;padding-bottom:5px;display:flex}.mission-meta dt{color:var(--muted);font-size:.64rem}.mission-meta dd{white-space:nowrap;margin:0;font-size:.7rem;font-weight:900}.mission-card>footer{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1.25fr;display:grid}.mission-card>footer button{border:0;border-right:1px solid var(--line);min-height:46px;color:var(--ink);background:0 0;font-weight:900}.mission-card>footer button span{margin-left:5px;font-size:.68rem}.mission-card>footer button:disabled{opacity:.26;cursor:not-allowed}.mission-card>footer .delete-button{color:var(--danger);border-right:0}.session-footer{text-align:center;background:var(--footer-bg);min-height:72px;color:var(--footer-ink);place-content:center;margin-top:24px;padding:15px 16px;display:grid}.session-footer span{opacity:.72;font-size:.68rem}.session-footer strong{margin-top:2px;font-size:.78rem}.concept-nav{color:#fff;background:#0b0d11f5;justify-content:space-between;align-items:center;gap:8px;width:min(100%,430px);min-height:62px;margin:0 auto;padding:8px 15px;display:flex}.concept-nav a{color:#fff;place-items:center;min-height:44px;font-weight:900;text-decoration:none;display:grid}.concept-nav span{color:#aeb4c2;font-size:.76rem}.theme-command{--stage-bg:#080b08;--surface:#111610;--header-bg:#171e14;--header-ink:#e7f4c7;--ink:#e4eccd;--muted:#95a47d;--accent:#c4e54f;--accent-ink:#11160d;--line:#35422c;--line-strong:#708150;--field-bg:#171d15;--card-bg:#151c13;--charge-bg:#c4e54f;--charge-ink:#151a0d;--fire-accent:#ffd65a;--danger:#ff6c51;--task-head:#2b3522;--task-head-ink:#eff9d1;--angle-key-bg:#d6f36f;--angle-key-ink:#13180e;--bearing-key-bg:#65d9c2;--bearing-key-ink:#071612;--fire-key-bg:#ffb44e;--fire-key-ink:#211206;--footer-bg:#090d08;--footer-ink:#a9b991;--card-shadow:none;background-image:linear-gradient(#c4e54f06 1px,#0000 1px),linear-gradient(90deg,#c4e54f06 1px,#0000 1px);background-size:18px 18px;font-family:ui-monospace,Cascadia Mono,Microsoft JhengHei,monospace}.theme-command .phone-shell{border:1px solid #39452d}.theme-command .app-header:after{content:"SYSTEM READY";color:#c4e54f;letter-spacing:.12em;font-size:.55rem;position:absolute;bottom:10px;right:18px}.theme-command .result-row{border-left:3px solid #c4e54f}.final-app{padding-bottom:0}.final-app .phone-shell{min-height:100dvh}.final-app .app-header{border-bottom:1px solid var(--line-strong)}.final-app .input-grid label>span:first-child{justify-content:space-between;gap:8px;display:flex}.final-app .input-grid label em{color:var(--accent);text-align:right;font-size:.61rem;font-style:normal;font-weight:700}.final-app .input-grid label>.field-error{min-height:1.1em;color:var(--danger);font-size:.61rem;font-weight:900;line-height:1.35}.final-app .field-invalid{border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.final-app .calculate-button{border:1px solid #0000}.final-app .calculate-button:hover{filter:brightness(1.08)}.final-app .calculate-button:active{transform:translateY(1px)}.final-app .add-button:hover{background:#c4e54f1a}.final-app .input-clear-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.final-app .input-clear-button:disabled,.final-app .clear-button:disabled{opacity:.34}.clear-confirm{gap:5px;margin-left:auto;display:flex}.clear-confirm button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);background:0 0;padding:0 8px;font-size:.67rem;font-weight:900}.clear-confirm .confirm-clear{border-color:var(--danger);background:var(--danger);color:#160907}.empty-state{border:1px dashed var(--line-strong);text-align:center;background:#c4e54f06;align-content:center;place-items:center;gap:7px;min-height:150px;padding:22px;display:grid}.empty-state>span{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--accent);place-items:center;font-size:1.35rem;display:grid}.empty-state strong{font-size:.88rem}.empty-state p{max-width:290px;color:var(--muted);margin:0;font-size:.69rem;line-height:1.6}.mission-empty{min-height:180px}.formula-note{border:1px solid var(--line);color:var(--muted);background:#0d120c;gap:6px;margin:24px 16px 0;padding:14px;font-size:.66rem;line-height:1.45;display:grid}.formula-note strong{color:var(--accent);letter-spacing:.12em}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.final-app .mission-card>footer button:hover:not(:disabled){background:#c4e54f14}.theme-brass{--stage-bg:#17120f;--surface:#30261e;--header-bg:#1d1713;--header-ink:#f0d39c;--ink:#f4dfb3;--muted:#bba579;--accent:#d9a052;--accent-ink:#21160c;--line:#6e5434;--line-strong:#b78647;--field-bg:#221b16;--card-bg:#2a211b;--charge-bg:#b77a36;--charge-ink:#fff2cc;--fire-accent:#ffd27d;--danger:#f78a62;--task-head:#b77a36;--task-head-ink:#23170c;--angle-key-bg:#e4b45f;--angle-key-ink:#2b1a09;--bearing-key-bg:#78a78f;--bearing-key-ink:#0d2018;--fire-key-bg:#e56e47;--fire-key-ink:#fff4df;--footer-bg:#1d1713;--footer-ink:#d2b47e;--card-shadow:inset 0 0 0 3px #1c1612, 0 8px 18px #00000038;font-family:Georgia,Noto Serif TC,Microsoft JhengHei,serif}.theme-brass .phone-shell{border:4px solid #6b4c2b;border-radius:24px 24px 0 0}.theme-brass .app-header{border-bottom:5px double #a77b43}.theme-brass .section-heading>span:first-child,.theme-brass .input-box,.theme-brass select,.theme-brass .time-box,.theme-brass .calculate-button,.theme-brass .result-row,.theme-brass .mission-card{border-radius:12px}.theme-brass .result-list{grid-template-columns:1fr 1fr}.theme-brass .result-row{grid-template-columns:48px 1fr 44px;grid-template-areas:"charge angle add""charge flight add""charge fire add";min-height:178px}.theme-brass .result-row>.result-value:nth-of-type(3){border-bottom:1px solid var(--line)}.theme-brass .charge-cell{border-radius:8px 0 0 8px}.theme-brass .add-button{border-radius:0 8px 8px 0}.theme-paper{--stage-bg:#4b443c;--surface:#eee7d7;--header-bg:#e5dcc8;--header-ink:#262521;--ink:#262521;--muted:#67645b;--accent:#b63b2e;--accent-ink:#fff9e9;--line:#aaa28f;--line-strong:#4d4b44;--field-bg:#f8f2e5;--card-bg:#f4edde;--charge-bg:#252621;--charge-ink:#fff9e8;--fire-accent:#a72d25;--danger:#a72d25;--task-head:#ded4bd;--task-head-ink:#24251f;--angle-key-bg:#f5c951;--angle-key-ink:#28230f;--bearing-key-bg:#94c4b1;--bearing-key-ink:#14231e;--fire-key-bg:#b53a2e;--fire-key-ink:#fff8e8;--footer-bg:#ded4bd;--footer-ink:#4b4942;--card-shadow:3px 4px 0 #3f3c342e;background-image:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 4px);font-family:Courier New,Microsoft JhengHei,monospace}.theme-paper .phone-shell{border-left:8px solid #b63b2e}.theme-paper .app-header{border-bottom:2px solid #34342e}.theme-paper .app-header:before{content:"機密 / FIELD COPY";color:#b63b2e;border:2px solid #b63b2e;padding:3px 6px;font-size:.56rem;position:absolute;bottom:13px;right:18px;transform:rotate(-3deg)}.theme-paper .result-row,.theme-paper .mission-card{border-style:dashed}.theme-paper .mission-card{position:relative}.theme-paper .mission-card:before{content:"";background:repeating-linear-gradient(#b63b2e 0 8px,#0000 8px 14px);width:6px;position:absolute;inset:-1px auto -1px -1px}.theme-modern{--stage-bg:#dfe7f0;--surface:#f7f9fc;--header-bg:#152442;--header-ink:#f7fbff;--ink:#14213d;--muted:#66728a;--accent:#23c7c0;--accent-ink:#092523;--line:#d3dbe8;--line-strong:#9caac0;--field-bg:#fff;--card-bg:#fff;--charge-bg:#152442;--charge-ink:#fff;--fire-accent:#e2512d;--danger:#d33e42;--task-head:#eef3f9;--task-head-ink:#152442;--angle-key-bg:#ffe369;--angle-key-ink:#2d2505;--bearing-key-bg:#42d6cf;--bearing-key-ink:#092523;--fire-key-bg:#ff7754;--fire-key-ink:#311109;--footer-bg:#e9eef5;--footer-ink:#536078;--card-shadow:0 12px 26px #253f651a}.theme-modern .phone-shell{border-radius:30px 30px 0 0}.theme-modern .app-header{border-radius:0 0 26px 26px;min-height:135px}.theme-modern .input-panel,.theme-modern .results-panel,.theme-modern .missions-panel{padding-left:20px;padding-right:20px}.theme-modern .input-box,.theme-modern select,.theme-modern .time-box,.theme-modern .calculate-button,.theme-modern .result-row,.theme-modern .mission-card,.theme-modern .clear-button{border-radius:14px}.theme-modern .section-heading>span:first-child{background:#e8f9f8;border-radius:50%}.theme-modern .result-row{border:0;min-height:96px;box-shadow:0 7px 20px #253f6514}.theme-modern .add-button{background:#e6f9f7;border-left:0}.theme-alarm{--stage-bg:#070707;--surface:#101011;--header-bg:#e0322b;--header-ink:#fff;--ink:#f7ecea;--muted:#aa9491;--accent:#ff4a40;--accent-ink:#fff;--line:#4a2927;--line-strong:#b93b35;--field-bg:#171516;--card-bg:#151313;--charge-bg:#ff4a40;--charge-ink:#180706;--fire-accent:#ff817a;--danger:#ff5249;--task-head:#261515;--task-head-ink:#fff;--angle-key-bg:#ffd24c;--angle-key-ink:#2d2000;--bearing-key-bg:#f06459;--bearing-key-ink:#210807;--fire-key-bg:#e3322c;--fire-key-ink:#fff;--footer-bg:#080808;--footer-ink:#c38f8b;--card-shadow:0 0 26px #ff38301c;font-family:Arial Narrow,Microsoft JhengHei,sans-serif}.theme-alarm .phone-shell{border:1px solid #762824}.theme-alarm .app-header:after{content:"";background:repeating-linear-gradient(135deg,#160706 0 8px,#f1a728 8px 16px);height:7px;position:absolute;inset:auto 0 0}.theme-alarm .section-heading>span:first-child{clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,0 100%);background:#2b1615}.theme-alarm .calculate-button,.theme-alarm .result-row,.theme-alarm .mission-card{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}.theme-alarm .fire-result strong,.theme-alarm .fire-key strong{letter-spacing:.08em;font-family:Cascadia Mono,ui-monospace,monospace}.theme-alarm .mission-list{border-left:3px solid #e3322c;padding-left:13px}.theme-alarm .mission-card{position:relative}.theme-alarm .mission-card:before{content:"";background:#ff4a40;border-radius:50%;width:11px;height:11px;position:absolute;top:18px;left:-20px;box-shadow:0 0 0 4px #230d0c}@media (width<=359px){.input-panel,.results-panel,.missions-panel{padding-left:12px;padding-right:12px}.coordinate-field .input-box input{padding-left:8px;padding-right:3px;font-size:1rem}.coordinate-field .input-box b{padding-right:4px;font-size:.72rem}.key-value strong{font-size:1.14rem}.fire-key strong{font-size:1.55rem}.theme-brass .result-list{grid-template-columns:1fr}.theme-brass .result-row{grid-template-columns:48px 1fr 44px;min-height:125px}}@media (width>=700px){.concept-stage{padding-top:34px}.phone-shell{border-radius:28px 28px 0 0}.concept-nav{border-radius:0 0 16px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
