@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg:#080808;--surface:#111;--surface2:#171717;--surface3:#1e1e1e;--border:#262626;--border2:#1c1c1c;--txt:#f5f5f5;--txt2:#a3a3a3;--txt3:#525252;--accent:#7c3aed;--accent2:#6d28d9;--accent-hi:#8b5cf6;--glow:#7c3aed38;--green:#10b981;--green-bg:#10b98114;--red:#ef4444;--ruler-bg:#0a0a0a;--ruler-tick:#2e2e2e;--ruler-maj:#4a4a4a;--ruler-txt:#555;--edge:28px;--corner:28px;--r:8px;--r2:12px;--font:"Inter", system-ui, sans-serif;--mono:"JetBrains Mono", monospace;--ease:cubic-bezier(.4,0,.2,1);--fast:.12s;--mid:.2s;--header-bg:#080808e0;--panel-title-start:#fff;--panel-title-end:#888}html[data-theme=light]{--bg:#fff;--surface:#f9fafb;--surface2:#f3f4f6;--surface3:#e5e7eb;--border:#e5e7eb;--border2:#f3f4f6;--txt:#111827;--txt2:#4b5563;--txt3:#9ca3af;--accent:#7c3aed;--accent2:#6d28d9;--accent-hi:#8b5cf6;--glow:#7c3aed1f;--ruler-bg:#fafafa;--ruler-tick:#d1d5db;--ruler-maj:#9ca3af;--ruler-txt:#6b7280;--header-bg:#ffffffe0;--panel-title-start:#000;--panel-title-end:#666}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--txt);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}button{font-family:var(--font);cursor:pointer}input,select{font-family:var(--font)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.bg-grid{z-index:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);opacity:.55;background-size:28px 28px;position:fixed;inset:0}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(ellipse at center, var(--glow) 0%, transparent 70%);width:900px;height:500px;position:fixed;top:-150px;left:50%;transform:translate(-50%)}.app{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}body.edge-mode-active .app{display:none!important}.header{z-index:200;background:var(--header-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);will-change:transform;position:sticky;top:0}.header-inner{align-items:center;gap:12px;max-width:1400px;height:52px;margin:0 auto;padding:0 20px;display:flex}.logo{flex-shrink:0;align-items:center;gap:8px;display:flex}.logo-icon{background:linear-gradient(135deg, var(--accent), #9333ea);color:#fff;width:28px;height:28px;box-shadow:0 0 12px var(--glow);border-radius:6px;justify-content:center;align-items:center;display:flex}.logo-text{letter-spacing:-.3px;font-size:14px;font-weight:700}.logo-badge{letter-spacing:.8px;color:var(--accent-hi);background:#7c3aed1a;border:1px solid #7c3aed33;border-radius:100px;padding:1px 5px;font-size:9px;font-weight:600}.nav{flex:1;justify-content:center;align-items:center;gap:2px;display:flex}.nav-btn{color:var(--txt2);transition:background var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:500}.nav-btn:hover{color:var(--txt);background:var(--surface2)}.nav-btn.active{color:var(--txt);background:var(--surface3)}.hdr-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.icon-btn{border:1px solid var(--border);width:30px;height:30px;color:var(--txt2);transition:background var(--fast) var(--ease), border-color var(--fast) var(--ease), color var(--fast) var(--ease);background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--surface2);color:var(--txt);border-color:var(--accent)}.main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:16px 20px}.panel{animation:up .2s var(--ease) forwards;display:none}.panel.active{display:block}@keyframes up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toolbar{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);box-shadow:none;will-change:auto;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;padding:6px 12px;display:flex}.tb-label{text-transform:uppercase;letter-spacing:.6px;color:var(--txt3);white-space:nowrap;font-size:10px;font-weight:600}.tb-group{align-items:center;gap:6px;display:flex}.tb-sep{background:var(--border);flex-shrink:0;width:1px;height:20px}.tb-spacer{flex:1}.tabs{background:var(--surface2);border:1px solid var(--border);border-radius:6px;gap:1.5px;padding:2px;display:flex}.tab{color:var(--txt2);transition:all var(--fast) var(--ease);white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:500;display:flex}.tab:hover{color:var(--txt);background:#ffffff05}.tab.active{background:var(--surface);color:var(--txt);border:1px solid var(--border);box-shadow:0 1px 2px #0000000d}.scale-ctrl{background:var(--surface3);border-radius:6px;align-items:center;gap:1px;padding:2px;display:flex}.scale-btn{width:22px;height:22px;color:var(--txt3);transition:background var(--fast), color var(--fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:15px;line-height:1;display:flex}.scale-btn:hover{background:var(--surface);color:var(--txt)}.scale-val{font-size:11px;font-weight:500;font-family:var(--mono);color:var(--txt2);text-align:center;min-width:36px}.toggle{color:var(--txt3);cursor:pointer;user-select:none;align-items:center;gap:6px;font-size:11.5px;font-weight:500;display:flex}.toggle input{display:none}.toggle-sw{background:var(--surface3);border:1px solid var(--border);width:28px;height:16px;transition:background var(--fast), border-color var(--fast);border-radius:100px;flex-shrink:0;position:relative}.toggle-sw:after{content:"";background:var(--txt3);width:10px;height:10px;transition:left var(--fast), background var(--fast);border-radius:50%;position:absolute;top:2px;left:2px}.toggle input:checked+.toggle-sw{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-sw:after{background:#fff;left:14px}.edge-btns{align-items:center;gap:2px;display:flex}.edge-btn{border:1px solid var(--border);color:var(--txt3);transition:all var(--fast) var(--ease);white-space:nowrap;background:0 0;border-radius:5px;align-items:center;gap:3px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-flex}.edge-btn:hover{background:var(--surface2);color:var(--txt2);border-color:var(--accent)}.edge-btn.on{color:var(--accent-hi);background:#7c3aed1f;border-color:#7c3aed59}.edge-btn.all-btn.on{box-shadow:0 0 10px var(--glow);background:linear-gradient(135deg,#7c3aed2e,#10b9811a)}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--r);transition:background var(--fast), transform var(--fast), box-shadow var(--fast);border:none;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;display:inline-flex}.btn-primary:hover{background:var(--accent-hi);box-shadow:0 0 16px var(--glow);transform:translateY(-1px)}.btn-ghost{color:var(--txt2);border:1px solid var(--border);border-radius:var(--r);transition:all var(--fast) var(--ease);background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.btn-ghost:hover{background:var(--surface2);color:var(--txt);border-color:var(--accent)}.ruler-wrap{background:var(--ruler-bg);border:1px solid var(--border);border-radius:var(--r);cursor:crosshair;user-select:none;transition:height var(--mid) var(--ease);margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000004d}.ruler-wrap.compact{border-radius:6px;height:40px!important}#rulerCanvas{width:100%;display:block}.cursor-badge{pointer-events:none;font-family:var(--mono);color:var(--txt2);background:var(--surface2);border:1px solid var(--border);border-radius:6px;padding:3px 10px;font-size:10px;position:absolute;bottom:8px;right:10px}.measure-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:12px;padding:20px}.measure-cards{grid-template-columns:1fr 1.2fr 1fr;align-items:stretch;gap:12px;margin-bottom:16px;display:grid}.mcard{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);transition:background var(--fast);flex-direction:column;justify-content:center;padding:16px 20px;display:flex;position:relative}.mcard:hover{background:#ffffff04}.mcard.hi{background:#7c3aed04;align-items:center}.mcard.hi:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-hi));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;height:2px;position:absolute;bottom:0;left:0;right:0}.mcard-lbl{text-transform:uppercase;letter-spacing:.8px;color:var(--txt2);align-items:center;gap:6px;margin-bottom:6px;font-size:9.5px;font-weight:600;display:flex}.mcard-lbl:before{content:"";border-radius:50%;width:6px;height:6px;display:inline-block}#cardStart .mcard-lbl:before{background:var(--accent);box-shadow:0 0 6px var(--accent)}#cardEnd .mcard-lbl:before{background:var(--green);box-shadow:0 0 6px var(--green)}.mcard.hi .mcard-lbl:before{display:none}.mcard-val{font-family:var(--mono);color:var(--txt);font-size:15px;font-weight:500}.mcard-val.big{color:var(--txt);font-size:26px;font-weight:700;line-height:1}.mcard-unit{color:var(--accent-hi);margin-top:3px;font-size:11px;font-weight:600}.mcard-sub{color:var(--txt3);margin-top:4px;font-size:10px}.mactions{flex-wrap:wrap;gap:6px;display:flex}.bm-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:14px}.sec-title{text-transform:uppercase;letter-spacing:.6px;color:var(--txt3);align-items:center;gap:6px;margin-bottom:10px;font-size:10px;font-weight:600;display:flex}.bm-list{flex-wrap:wrap;gap:6px;display:flex}.bm-tag{background:var(--surface2);border:1px solid var(--border);font-family:var(--mono);color:var(--txt2);cursor:default;transition:border-color var(--fast);border-radius:100px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;display:inline-flex}.bm-tag:hover{border-color:var(--accent);color:var(--txt)}.bm-del{color:var(--txt3);transition:color var(--fast);background:0 0;border:none;font-size:15px;line-height:1}.bm-del:hover{color:var(--red)}.both-wrap{grid-template-columns:var(--edge) 1fr;grid-template-rows:var(--edge) 1fr;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);height:380px;margin-bottom:10px;display:grid;overflow:hidden;box-shadow:0 2px 12px #0006}.both-corner{background:var(--surface3);border-right:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--txt3);grid-area:1/1;justify-content:center;align-items:center;font-size:11px;display:flex}.both-h-wrap{background:var(--ruler-bg);border-bottom:1px solid var(--border);grid-area:1/2;overflow:hidden}.both-v-wrap{background:var(--ruler-bg);border-right:1px solid var(--border);grid-area:2/1;overflow:hidden}.both-area{background:var(--ruler-bg);cursor:crosshair;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;grid-area:2/2;position:relative;overflow:hidden}.both-ch{pointer-events:none;position:absolute}.both-ch-h{background:#7c3aed66;height:1px;display:none;left:0;right:0}.both-ch-v{background:#7c3aed66;width:1px;display:none;top:0;bottom:0}.both-coords{font-family:var(--mono);color:var(--txt3);background:var(--surface);border:1px solid var(--border);pointer-events:none;border-radius:100px;padding:2px 8px;font-size:10px;position:absolute;bottom:8px;right:10px}.both-badge{font-family:var(--mono);color:#fff;background:var(--accent);pointer-events:none;box-shadow:0 0 12px var(--glow);border-radius:100px;padding:4px 10px;font-size:11px;font-weight:600;display:none;position:absolute;top:8px;right:10px}.pt-dot{pointer-events:none;z-index:10;border-radius:50%;width:8px;height:8px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 6px}.pt-dot.s{background:var(--accent);color:var(--accent)}.pt-dot.e{background:var(--green);color:var(--green)}.pt-line{background:linear-gradient(90deg,var(--accent),var(--green));transform-origin:0;pointer-events:none;z-index:9;height:2px;box-shadow:0 0 6px var(--glow);border-radius:1px;position:absolute}#edgeOverlay{z-index:5000;pointer-events:none;display:none;position:fixed;inset:0}#edgeOverlay.active{display:block}#edgeCanvas{z-index:5001;cursor:crosshair;pointer-events:all;background:0 0;display:none;position:fixed;inset:0}#edgeCanvas.active{display:block}.e-strip{z-index:5010;background:var(--ruler-bg);pointer-events:none;display:none;position:fixed}.e-strip.active{display:block}#eTop{height:var(--edge);border-bottom:1px solid var(--border);top:0;left:0;right:0;box-shadow:0 2px 8px #00000080}#eBottom{height:var(--edge);border-top:1px solid var(--border);bottom:0;left:0;right:0;box-shadow:0 -2px 8px #00000080}#eLeft{width:var(--edge);border-right:1px solid var(--border);top:0;bottom:0;left:0;box-shadow:2px 0 8px #00000080}#eRight{width:var(--edge);border-left:1px solid var(--border);top:0;bottom:0;right:0;box-shadow:-2px 0 8px #00000080}.e-corner{z-index:5011;background:var(--surface3);display:none;position:fixed}.e-corner.active{display:block}#eTL{width:var(--corner);height:var(--corner);border-right:1px solid var(--border);border-bottom:1px solid var(--border);top:0;left:0}#eTR{width:var(--corner);height:var(--corner);border-left:1px solid var(--border);border-bottom:1px solid var(--border);top:0;right:0}#eBL{width:var(--corner);height:var(--corner);border-right:1px solid var(--border);border-top:1px solid var(--border);bottom:0;left:0}#eBR{width:var(--corner);height:var(--corner);border-left:1px solid var(--border);border-top:1px solid var(--border);bottom:0;right:0}#eTopCanvas,#eBottomCanvas,#eLeftCanvas,#eRightCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}#eCrossH,#eCrossV{pointer-events:none;z-index:5002;transition:none;display:none;position:fixed}#eCrossH{background:#7c3aed59;height:1px;left:0;right:0}#eCrossV{background:#7c3aed59;width:1px;top:0;bottom:0}#eCrossH.show,#eCrossV.show{display:block}.e-coord{z-index:5015;pointer-events:none;background:var(--accent);color:#fff;font-family:var(--mono);letter-spacing:.2px;white-space:nowrap;border-radius:3px;padding:1px 5px;font-size:8.5px;font-weight:600;display:none;position:fixed}.e-coord.show{display:block}#eCoordX{transform:translate(-50%)}#eCoordY{transform-origin:50%;transform:translateY(-50%)rotate(-90deg)}#edgeClose{z-index:5020;pointer-events:all;display:none;position:fixed;bottom:16px;right:16px}#edgeClose.show{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--txt2);backdrop-filter:blur(12px);transition:background var(--fast), color var(--fast), border-color var(--fast);align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;display:inline-flex;box-shadow:0 4px 20px #0009}#edgeClose:hover{background:var(--red);color:#fff;border-color:var(--red)}.e-mark{pointer-events:none;z-index:5003;position:fixed}#edgeMeasureHUD{z-index:5020;pointer-events:none;border-radius:var(--r2);backdrop-filter:blur(16px);font-family:var(--mono);color:#f5f5f5;white-space:nowrap;background:#111111eb;border:1px solid #262626;gap:16px;padding:8px 18px;font-size:12px;font-weight:500;display:none;position:fixed;top:46px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #00000080}#edgeMeasureHUD.show{display:flex}.hud-item{align-items:center;gap:5px;display:flex}.hud-label{text-transform:uppercase;letter-spacing:.5px;color:#737373;font-size:9px}.hud-val{color:var(--accent-hi)}.panel-header{margin-bottom:24px}.panel-title{letter-spacing:-.4px;background:linear-gradient(135deg, var(--panel-title-start), var(--panel-title-end));-webkit-text-fill-color:transparent;background-clip:text;font-size:22px;font-weight:700}.panel-sub{color:var(--txt2);margin-top:4px;font-size:13px}.conv-grid{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-bottom:20px;display:grid}.conv-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:16px}.conv-label{text-transform:uppercase;letter-spacing:.6px;color:var(--txt3);margin-bottom:10px;font-size:10px;font-weight:600}.conv-input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);color:var(--txt);font-family:var(--mono);width:100%;transition:border-color var(--fast);outline:none;padding:8px 12px;font-size:20px;font-weight:500}.conv-input:focus{border-color:var(--accent)}.conv-sel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);color:var(--txt2);width:100%;transition:border-color var(--fast);outline:none;margin-top:8px;padding:7px 10px}.conv-sel:focus{border-color:var(--accent)}.swap-col{justify-content:center;align-items:center;display:flex}.swap-btn{width:40px;height:40px;color:var(--accent-hi);transition:all var(--fast) var(--ease);background:#7c3aed1a;border:1px solid #7c3aed40;border-radius:50%;justify-content:center;align-items:center;display:flex}.swap-btn:hover{background:var(--accent);color:#fff;box-shadow:0 0 16px var(--glow);transform:rotate(180deg)}.conv-table-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);margin-bottom:20px;padding:16px;overflow:hidden}.conv-table{border-collapse:collapse;width:100%;font-size:12.5px}.conv-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--txt3);border-bottom:1px solid var(--border);padding:8px 12px;font-size:10px;font-weight:600}.conv-table td{color:var(--txt2);border-bottom:1px solid var(--border2);padding:9px 12px}.conv-table tr:last-child td{border-bottom:none}.conv-table tr:hover td{background:var(--surface2)}.conv-table td:nth-child(2){font-family:var(--mono);color:var(--txt);font-size:13px;font-weight:500}.ccopy{color:var(--txt3);transition:color var(--fast);background:0 0;border:none;border-radius:4px;padding:3px;display:flex}.ccopy:hover{color:var(--accent-hi)}.qr-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.qr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:16px}.qr-title{text-transform:uppercase;letter-spacing:.6px;color:var(--txt3);margin-bottom:12px;font-size:10px;font-weight:600}.qr-row{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;padding:7px 0;font-size:12.5px;display:flex}.qr-row:last-child{border-bottom:none}.qr-row span:first-child{color:var(--txt2)}.qr-row span:last-child{font-family:var(--mono);color:var(--txt);font-size:11.5px;font-weight:500}.cal-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.cal-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);transition:border-color var(--fast);overflow:hidden}.cal-card:hover{border-color:#7c3aed4d}.cal-hdr{border-bottom:1px solid var(--border);background:var(--surface2);align-items:flex-start;gap:12px;padding:16px;display:flex}.cal-icon{border-radius:var(--r);width:36px;height:36px;color:var(--accent-hi);background:#7c3aed14;border:1px solid #7c3aed33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cal-icon.g{background:var(--green-bg);color:var(--green);border-color:#10b98133}.cal-title{font-size:13px;font-weight:600}.cal-sub{color:var(--txt2);margin-top:2px;font-size:11.5px}.cal-badge{background:var(--green-bg);color:var(--green);white-space:nowrap;border:1px solid #10b98133;border-radius:100px;margin-left:auto;padding:2px 7px;font-size:9px;font-weight:600}.cal-body{padding:16px}.cal-note{color:var(--txt2);margin-bottom:14px;font-size:12.5px;line-height:1.6}.cal-bar-wrap{margin-bottom:12px}.cal-bar{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);cursor:ew-resize;width:280px;max-width:100%;height:48px;position:relative;overflow:hidden}.cal-bar-lbl{color:var(--txt3);pointer-events:none;white-space:nowrap;font-size:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cal-handle{background:var(--accent);cursor:ew-resize;justify-content:center;align-items:center;width:20px;display:flex;position:absolute;top:0;bottom:0;right:0}.cal-handle:after{content:"⟺";color:#ffffffb3;font-size:10px}.cal-bar-px{color:var(--txt3);font-size:10px;font-family:var(--mono);margin-top:4px}.cal-res{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);align-items:center;margin-bottom:12px;padding:10px 12px;display:flex}.cal-res-lbl{color:var(--txt2);font-size:11.5px}.cal-res-val{font-family:var(--mono);color:var(--accent-hi);margin-left:auto;font-size:15px;font-weight:600}.cal-form{flex-direction:column;gap:12px;margin-bottom:12px;display:flex}.cal-row{flex-direction:column;gap:4px;display:flex}.cal-lbl{color:var(--txt2);font-size:11px;font-weight:500}.cal-inp-row{align-items:center;gap:6px;display:flex}.cal-inp{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);color:var(--txt);font-family:var(--mono);transition:border-color var(--fast);outline:none;flex:1;padding:7px 10px;font-size:13px}.cal-inp:focus{border-color:var(--accent)}.cal-sel{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);color:var(--txt2);outline:none;padding:7px 8px}.cal-x{color:var(--txt3);font-weight:600}.status-full{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.stat-item{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);text-align:center;padding:14px}.stat-lbl{color:var(--txt3);margin-bottom:6px;font-size:10px;font-weight:500}.stat-val{font-family:var(--mono);color:var(--accent-hi);font-size:18px;font-weight:700}.guide-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.guide-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);transition:border-color var(--fast), transform var(--fast), box-shadow var(--fast);padding:20px}.guide-card:hover{border-color:#7c3aed4d;transform:translateY(-2px);box-shadow:0 4px 20px #0006}.guide-icon{border-radius:var(--r);width:38px;height:38px;color:var(--accent-hi);background:#7c3aed14;border:1px solid #7c3aed33;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.guide-title{margin-bottom:10px;font-size:14px;font-weight:600}.guide-list{flex-direction:column;gap:7px;list-style:none;display:flex}.guide-list li{color:var(--txt2);padding-left:14px;font-size:12.5px;line-height:1.5;position:relative}.guide-list li:before{content:"→";color:var(--accent-hi);font-size:10px;position:absolute;top:2px;left:0}kbd{background:var(--surface2);border:1px solid var(--border);font-family:var(--mono);color:var(--txt);box-shadow:0 1px 0 var(--border);border-radius:4px;padding:1px 5px;font-size:10.5px}#toast{z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);color:var(--txt);pointer-events:none;transition:transform .2s var(--ease), opacity .2s var(--ease);opacity:0;white-space:nowrap;padding:9px 18px;font-size:12.5px;font-weight:500;position:fixed;bottom:16px;left:50%;transform:translate(-50%)translateY(60px);box-shadow:0 4px 24px #00000080}#toast.show{opacity:1;transform:translate(-50%)translateY(0)}#toast.ok{border-left:3px solid var(--green)}#toast.err{border-left:3px solid var(--red)}#toast.inf{border-left:3px solid var(--accent-hi)}@media (width<=860px){.nav{display:none}.measure-cards,.conv-grid,.qr-grid,.cal-grid{grid-template-columns:1fr}.cal-grid .status-full{grid-column:1}.stat-grid{grid-template-columns:1fr 1fr}.guide-grid{grid-template-columns:1fr}}@media (width<=520px){.main{padding:10px 12px}.toolbar{padding:6px 10px}}.welcome-box{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);flex-direction:column;justify-content:center;align-items:center;margin-top:12px;margin-bottom:24px;padding:48px 24px;display:flex;box-shadow:0 4px 20px #00000026}.welcome-icon{border-radius:var(--r);background:var(--surface2);border:1px solid var(--border);width:56px;height:56px;color:var(--accent);justify-content:center;align-items:center;margin-bottom:16px;display:flex;box-shadow:0 4px 12px #00000026}.welcome-title{color:var(--txt);letter-spacing:-.5px;margin-bottom:8px;font-size:20px;font-weight:600}.welcome-box-active{display:none!important}.welcome-sub{color:var(--txt2);max-width:440px;margin-bottom:28px;font-size:13.5px;line-height:1.5}.quick-grid{grid-template-columns:repeat(2,1fr);gap:10px;width:100%;max-width:480px;margin-bottom:24px;display:grid}.quick-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--r);text-align:left;cursor:pointer;transition:all var(--fast) var(--ease);padding:14px 10px}.quick-btn:hover{background:var(--surface3);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.quick-lbl{font-family:var(--mono);color:var(--txt3);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.quick-val{color:var(--txt);font-size:12px;font-weight:500;display:block}.cal-status-badge{background:var(--surface2);border:1px solid var(--border);color:var(--txt2);border-radius:100px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;display:inline-flex}.cal-status-dot{background:#f5a623;border-radius:50%;flex-shrink:0;width:8px;height:8px}@media (width<=480px){.quick-grid{grid-template-columns:1fr}}.landing{--bg:#000;--surface:#0a0a0a;--surface2:#121212;--surface3:#1a1a1a;--border:#1a1a1a;--border2:#121212;--txt:#fff;--txt2:#888;--txt3:#444;--accent:#fff;--accent2:#888;--accent-hi:#fff;--glow:#ffffff0d;--ease:cubic-bezier(.16, 1, .3, 1);--fast:.1s;--mid:.15s;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;z-index:100;background:var(--bg);width:100%;min-height:100vh;color:var(--txt);font-family:var(--font);flex-direction:column;display:flex;position:relative;overflow-y:auto}.landing-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:90vh;padding:80px 24px 40px;display:flex;position:relative}.landing-logo-icon{color:#fff;width:52px;height:52px;transition:transform .2s var(--ease);background:#000;border:1px solid #222;border-radius:10px;justify-content:center;align-items:center;margin-bottom:28px;display:flex;box-shadow:0 0 0 1px #ffffff0d,0 8px 30px #0009}.landing-logo-icon:hover{transform:translateY(-2px)}.landing-title{letter-spacing:-.05em;color:#fff;background:linear-gradient(#fff 60%,#a0a0a0 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px;font-size:72px;font-weight:800;line-height:1.05}.landing-subtitle{letter-spacing:-.05em;background:linear-gradient(#fff 60%,#a0a0a0 100%);-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:24px;font-size:32px;font-weight:800;line-height:1.2}.landing-tagline{color:#888;letter-spacing:-.02em;max-width:620px;margin-bottom:36px;font-size:19px;font-weight:400;line-height:1.6}.btn-start{color:#000;cursor:pointer;transition:all .15s var(--ease);background:#fff;border:1px solid #fff;border-radius:6px;align-items:center;gap:8px;padding:12px 32px;font-size:14px;font-weight:500;display:inline-flex;box-shadow:0 4px 14px #ffffff1a}.btn-start:hover{color:#fff;background:#000;border-color:#333;box-shadow:0 0 0 1px #ffffff1a}.scroll-indicator{color:#666;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:color .15s var(--ease);flex-direction:column;align-items:center;gap:8px;font-size:11px;font-weight:500;display:flex;position:absolute;bottom:40px}.scroll-indicator:hover{color:#fff}@media (width<=768px),(height<=720px){.scroll-indicator{margin-top:48px;position:relative;bottom:auto}.landing-hero{min-height:auto;padding-bottom:24px}}.landing-content{width:100%;max-width:960px;margin:0 auto;padding:80px 24px 120px}.l-section{margin-bottom:96px}.l-section-title{letter-spacing:-.04em;text-align:center;color:var(--txt);margin-bottom:48px;font-size:32px;font-weight:700}.l-steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.l-step-card{background:var(--surface);border:1px solid var(--border);transition:border-color .15s var(--ease), background .15s var(--ease);border-radius:8px;padding:32px 24px;position:relative}.l-step-card:hover{border-color:var(--border2);background:var(--surface2)}.l-step-num{font-family:var(--mono);color:#161616;letter-spacing:-.05em;font-size:48px;font-weight:800;line-height:1;position:absolute;top:16px;right:24px}.l-step-icon{background:var(--surface3);border:1px solid var(--border);width:36px;height:36px;color:var(--txt);border-radius:8px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.l-step-title{color:var(--txt);letter-spacing:-.01em;margin-bottom:10px;font-size:16px;font-weight:600}.l-step-desc{color:var(--txt2);font-size:13.5px;line-height:1.6}.l-features{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.l-feat-card{background:var(--surface);border:1px solid var(--border);transition:border-color .15s var(--ease), background .15s var(--ease);border-radius:8px;gap:20px;padding:28px;display:flex}.l-feat-card:hover{border-color:var(--border2);background:var(--surface2)}.l-feat-icon{background:var(--surface3);border:1px solid var(--border);width:40px;height:40px;color:var(--txt);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.l-feat-title{color:var(--txt);letter-spacing:-.01em;margin-bottom:8px;font-size:15px;font-weight:600}.l-feat-desc{color:var(--txt2);font-size:13px;line-height:1.6}@media (width<=768px){.l-steps,.l-features{grid-template-columns:1fr}.landing-title{font-size:48px}}.faq-container{flex-direction:column;max-width:800px;margin:0 auto;display:flex}.faq-item{border-bottom:1px solid var(--border);background:0 0;border-top:none;border-left:none;border-right:none;border-radius:0}.faq-item:first-child{border-top:1px solid var(--border)}.faq-q{color:var(--txt);cursor:pointer;user-select:none;transition:color .15s var(--ease);justify-content:space-between;align-items:center;padding:20px 0;font-size:15px;font-weight:500;list-style:none;display:flex}.faq-q:hover{color:var(--txt)}.faq-q:after{content:"+";color:#666;transition:transform .15s var(--ease);font-size:18px}.faq-item[open] .faq-q:after{content:"−";color:var(--txt);transform:rotate(180deg)}.faq-a{color:#888;border-top:none;padding:0 0 20px;font-size:14px;line-height:1.6}.landing-footer{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:120px;padding:32px 0 0;display:flex}.footer-left{align-items:center;gap:8px;display:flex}.logo-icon-sm{color:#000;background:#fff;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.footer-brand{color:var(--txt);letter-spacing:-.01em;font-size:13px;font-weight:600}.footer-right{align-items:center;gap:4px;display:flex}.footer-link{color:var(--txt2);transition:all .15s var(--ease);border-radius:4px;padding:6px 10px;font-size:13px;text-decoration:none}.footer-link:hover{color:var(--txt)}.footer-sep{color:#333}@media (width<=600px){.landing-footer{text-align:center;flex-direction:column;align-items:center}}html[data-theme=light] .landing{--bg:#fff;--surface:#fafafa;--surface2:#f5f5f5;--surface3:#eaeaea;--border:#eaeaea;--border2:#fafafa;--txt:#000;--txt2:#666;--txt3:#999;--accent:#000;--accent2:#666;--accent-hi:#000;--glow:#0000000a}html[data-theme=light] .landing-title,html[data-theme=light] .landing-subtitle{background:linear-gradient(#000 60%,#666 100%);-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=light] .btn-start{color:#fff;background:#000;border-color:#000;box-shadow:0 4px 14px #00000026}html[data-theme=light] .btn-start:hover{color:#000;background:#fff;border-color:#eaeaea;box-shadow:0 0 0 1px #0000000d}html[data-theme=light] .logo-icon-sm{color:#fff;background:#000}html[data-theme=light] .scroll-indicator{color:#888}html[data-theme=light] .scroll-indicator:hover{color:#000}html[data-theme=light] .l-step-num{color:#f5f5f5}html[data-theme=light] .faq-item[open] .faq-q:after{color:#000}