:root{--bg:#f6f8fb;--card:#fff;--text:#0f172a;--muted:#64748b;--line:#e5e7eb;--brand:#0a7a2f;--brandSoft:#e9f7ee;--brandLine:#b9e2c6;--warnSoft:#fff7e6;--warnLine:#ffe0a3;--shadow:0 10px 25px #0f172a14;--radius:18px;--radius2:14px}*{box-sizing:border-box}html,body{height:100%;color:var(--text);background:radial-gradient(1200px 600px at 25% 0%,#eef6ff 0%,var(--bg)45%,var(--bg)100%);margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}textarea{resize:vertical;min-height:96px}.appShell{max-width:1100px;margin:18px auto 44px;padding:0 14px 30px}.topBar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.brandMini{align-items:center;gap:10px;display:flex}.brandMiniLogo{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:12px;width:44px;height:44px}.brandMiniTitle{letter-spacing:-.02em;font-weight:800}.brandMiniSub{color:var(--muted);margin-top:2px;font-size:12px}.notice{border:1px solid var(--brandLine);background:linear-gradient(0deg,var(--brandSoft),#f7fffb);border-radius:14px;grid-template-columns:34px 1fr;gap:10px;padding:12px;display:grid;box-shadow:0 4px 10px #0a7a2f0d}.noticeIcon{width:34px;height:34px;color:var(--brand);background:#0a7a2f1f;border-radius:10px;place-items:center;font-weight:900;display:grid}.noticeText{font-weight:700}.small{color:var(--muted);font-size:12px;line-height:1.35}.tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 0 12px;display:flex}.tab{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;box-shadow:0 2px 6px #0f172a0a}.tab:hover{border-color:#d7dde6}.tabOn{border-color:var(--brandLine);background:var(--brandSoft);color:#064c1d}.pill{border:1px solid var(--brandLine);background:#fff;border-radius:999px;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;font-size:12px;font-weight:800;display:inline-grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.sectionTitle{letter-spacing:-.02em;margin-bottom:4px;font-size:18px;font-weight:900}.field{margin-top:14px}.label{color:#1f2937;margin-bottom:6px;font-size:12px;font-weight:800}.input,.textarea,select.input{background:#fff;border:1px solid #d9dee6;border-radius:12px;outline:none;width:100%;padding:10px 12px}.input:focus,.textarea:focus,select.input:focus{border-color:var(--brandLine);box-shadow:0 0 0 4px #0a7a2f1a}.row{grid-template-columns:1fr auto;align-items:center;gap:10px;margin-top:10px;display:grid}.actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.btnPrimary{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:10px 14px;font-weight:800;box-shadow:0 8px 18px #0a7a2f33}.btnPrimary:disabled{opacity:.55;cursor:not-allowed}.btnGhost{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:10px 14px;font-weight:800}.btnGhost:hover{border-color:#d7dde6}.btnLink{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:8px 12px;font-weight:800}.errorBox{color:#9f1239;background:#fff1f2;border:1px solid #fecaca;border-radius:14px;margin-top:12px;padding:12px;font-weight:700}.previewBox{border:1px solid var(--brandLine);background:linear-gradient(0deg,var(--brandSoft),#f7fffb);border-radius:var(--radius2);margin-top:14px;padding:14px}.previewTitle{margin-bottom:8px;font-weight:900}.mono{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:13px;line-height:1.4}.landingWrap{place-items:center;min-height:100vh;padding:18px;display:grid}.landing{text-align:center;width:100%;max-width:640px}.landingLogo{object-fit:contain;width:100%;max-width:520px;height:110px;margin:0 auto 10px;display:block}.landingTitle{letter-spacing:-.03em;font-size:28px;font-weight:950}.landingTag{color:var(--muted);margin-top:6px;font-weight:650}.landingCard{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;margin-top:14px;padding:16px}.startBtn{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:999px;width:100%;margin-top:12px;padding:12px 14px;font-weight:900;box-shadow:0 10px 20px #0a7a2f38}.activityGrid{grid-template-columns:1.1fr .9fr;gap:14px;margin-top:12px;display:grid}@media (max-width:980px){.activityGrid{grid-template-columns:1fr}}.activityLeft,.activityRight{min-width:0}.miniRow{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}@media (max-width:980px){.miniRow{grid-template-columns:1fr}}.miniPanel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;box-shadow:0 6px 16px #0f172a0a}.techGrid{grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:8px;display:grid}.nasotBox{border:1px solid var(--warnLine);background:var(--warnSoft);border-radius:16px;margin-top:14px;padding:12px}.nasotBtns{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chipOn{border-color:var(--brandLine);background:var(--brandSoft);color:#064c1d}.selectedList{background:#ffffffb3;border:1px dashed #e7c989;border-radius:12px;margin-top:10px;padding:10px;font-size:13px}.stickyPanel{border:1px solid var(--brandLine);background:linear-gradient(0deg,var(--brandSoft),#fff);border-radius:16px;position:sticky;top:14px;overflow:hidden;box-shadow:0 10px 20px #0a7a2f1a}.stickyPanelHeader{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffd9;border-bottom:1px solid #0a7a2f2e;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.stickyPanelBody{max-height:calc(100vh - 240px);padding:12px;overflow:auto}details.accordion{background:#ffffffd9;border:1px solid #0a7a2f2e;border-radius:14px;margin-bottom:10px;padding:10px 12px}details.accordion>summary{cursor:pointer;font-weight:900;list-style:none}details.accordion>summary::-webkit-details-marker{display:none}.stickyActionsBar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#fff0,#fffffff2);justify-content:flex-end;gap:10px;margin-top:14px;padding-top:10px;display:flex;position:sticky;bottom:10px}.checkbox{color:#111827;align-items:center;gap:8px;font-size:13px;font-weight:750;display:flex}.output{border:1px solid var(--line);border-radius:14px;margin-top:14px;overflow:hidden}.pre{color:#e5e7eb;white-space:pre-wrap;background:#0b1220;margin:0;padding:14px;font-size:12px;line-height:1.4}.modalOverlay{z-index:50;background:#0f172a73;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modalCard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-rows:auto 1fr auto;width:100%;max-width:980px;max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 22px 55px #0f172a33}.modalHeader{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.modalHeaderLeft{min-width:0}.modalTitle{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:950}.modalSub{margin-top:4px}.modalCloseBtn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:900;line-height:1;display:grid}.modalCloseBtn:hover{border-color:#d7dde6}.modalBody{padding:14px 16px;overflow:auto}.modalFooter{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.modalFooterLeft{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nasotGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:980px){.nasotGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.nasotGrid{grid-template-columns:1fr}}.nasotTile{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;grid-template-columns:18px 1fr;align-items:start;gap:10px;padding:12px;display:grid;box-shadow:0 6px 16px #0f172a0a}.nasotTile:hover{border-color:#d7dde6}.nasotTileOn{border-color:var(--brandLine);background:linear-gradient(0deg,var(--brandSoft),#fff)}.nasotTile input[type=checkbox]{margin-top:3px}.nasotTileTitle{letter-spacing:-.01em;font-size:13px;font-weight:900}.nasotTileMeta{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.badge{border:1px solid var(--line);color:#111827;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.badgeSoft{border-color:var(--brandLine);background:var(--brandSoft);color:#064c1d}.badgeWarn{border-color:var(--warnLine);background:var(--warnSoft);color:#7a4b00}.nasotTileBody{gap:6px;margin-top:8px;display:grid}.nasotLine{color:var(--muted);font-size:12px;line-height:1.35}.nasotLine strong{color:#111827}body.modalOpen{overflow:hidden}.techWrap{grid-template-columns:240px 1fr;align-items:start;gap:12px;display:grid}@media (max-width:980px){.techWrap{grid-template-columns:1fr}}.techSide{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:10px;padding:12px;display:grid}.techBtn{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:12px;padding:10px 12px;font-weight:850}.techBtn:hover{border-color:#d7dde6}.techBtnOn{border-color:var(--brandLine);background:var(--brandSoft)}.techBudgetNote{border-top:1px solid var(--line);margin-top:4px;padding-top:10px}.techPanel{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:14px}.techPanelHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.techModeRow{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:8px 12px;font-weight:850}.chipOn{border-color:var(--brandLine);background:var(--brandSoft)}.techOutList{gap:10px;margin-top:10px;display:grid}.techOutCard{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;box-shadow:0 6px 16px #0f172a0a}.techOutTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.techOutTitle{letter-spacing:-.01em;font-weight:950}.techOutBtns{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.techOutBlock{margin-top:10px}.techPre{border:1px solid var(--line);white-space:pre-wrap;background:#fbfdff;border-radius:12px;margin-top:6px;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;line-height:1.4}.nasotTopRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.nasotTabs{border:1px solid var(--line);background:#fff;border-radius:14px;gap:8px;padding:6px;display:inline-flex}.nasotTabBtn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;padding:8px 12px;font-weight:900}.nasotTabOn{border-color:var(--brandLine);background:var(--brandSoft);color:#064c1d}.infoBox{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px;box-shadow:0 6px 16px #0f172a0a}.infoTitle{margin-bottom:6px;font-weight:950}.applyRow{gap:10px;margin-top:14px;display:grid}.applyBtns,.techToolRow{flex-wrap:wrap;gap:10px;display:flex}.techBtn{color:#fff;cursor:pointer;background:#0a6b2b;border:2px solid #0a6b2b;border-radius:999px;padding:10px 14px;font-weight:700}.techBtnOn{background:#0b7a31;border-color:#0b7a31;box-shadow:0 0 0 3px #0b7a311f}.techModeRow{flex-wrap:wrap;gap:10px;display:flex}.techModeBtn{color:#111827;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:999px;padding:10px 12px;font-weight:700}.techModeOn{background:#e9f7ee;border-color:#0b7a31}.techApplyRow{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}