*{box-sizing:border-box}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f8fafc;--surface:#fff;--surface-muted:#f1f5f9;--foreground:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;--accent-foreground:#fff;--shadow:0 1px 2px #0f172a0d}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#090d14;--surface:#111827;--surface-muted:#1c2635;--foreground:#e5e7eb;--muted:#94a3b8;--border:#293548;--accent:#60a5fa;--accent-foreground:#08111f;--shadow:0 1px 2px #0000002e}html{min-height:100%;font-size:14px}body{background:var(--background);min-height:100vh;color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{flex-direction:column;width:min(1240px,100%);min-height:100vh;margin:0 auto;padding:0 28px;display:flex}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:66px;display:flex}.brand{color:var(--foreground);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{background:var(--accent);width:30px;height:30px;color:var(--accent-foreground);border-radius:8px;place-items:center;font-weight:700;display:grid}.brand strong{letter-spacing:-.02em;font-size:14px;display:block}.brand small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.header-actions{align-items:center;gap:12px;display:flex}.theme-toggle{border:1px solid var(--border);background:var(--surface);height:34px;color:var(--foreground);cursor:pointer;border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:inline-flex}.theme-toggle svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.switch-track{background:var(--border);border-radius:999px;align-items:center;width:28px;height:16px;padding:2px;display:inline-flex}.switch-track span{background:var(--surface);border-radius:50%;width:12px;height:12px;transition:transform .15s}.theme-toggle[aria-checked=true] .switch-track{background:var(--accent)}.theme-toggle[aria-checked=true] .switch-track span{transform:translate(12px)}.settings-link,.settings-back{color:var(--muted);font-size:12px;text-decoration:none}.settings-link:hover,.settings-back:hover{color:var(--foreground)}.app-main{background:0 0;flex:1;align-items:flex-start;gap:24px;min-height:0;padding:24px 0;display:flex}.pattern-selector-wrapper{flex:0 0 330px;order:1;min-width:0;max-width:330px}.sheet-wrapper{flex:1;order:2;justify-content:center;align-items:flex-start;min-width:0;display:flex}.curling-sheet-container{justify-content:center;width:100%;height:100%;display:flex}.curling-sheet{max-width:430px;box-shadow:var(--shadow);border:1px solid #94a3b8;border-radius:8px}.lane-label{box-shadow:var(--shadow);border:1px solid #64748b;border-radius:5px}.pattern-selector{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--foreground);box-shadow:var(--shadow);border-radius:9px;padding:16px}.pattern-selector h2{color:var(--foreground);letter-spacing:-.02em;margin:0 0 6px;font-size:15px;font-weight:600}.selector-description{color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.5}.add-pattern-section{border-bottom:1px solid var(--border);margin:0 0 20px;padding:0 0 18px}.add-pattern-section h3,.scrape-list-header h3{color:var(--foreground);letter-spacing:0;text-transform:none;margin:0;font-size:12px;font-weight:600}.add-pattern-section h3{margin-bottom:9px}.pattern-buttons.add-mode{gap:7px}.add-pattern-btn{border:1px solid var(--border);background:var(--surface);min-height:55px;color:var(--foreground);border-radius:7px;padding:9px 10px;transition:background .15s,border-color .15s}.add-pattern-btn:hover:not(:disabled){border-color:var(--accent);background:var(--surface-muted)}.add-pattern-btn:disabled{opacity:.5}.btn-color,.item-color{border-radius:50%;width:10px;height:10px}.btn-label{font-size:13px;font-weight:600}.btn-description{color:var(--muted);margin-top:3px;font-size:11px}.add-pattern-btn .add-icon{color:var(--muted);font-size:18px;font-weight:400}.scrape-list-section{margin-bottom:16px}.scrape-list-header{margin-bottom:9px}.scrape-list-header h3{text-transform:none;letter-spacing:0}.scrape-list{gap:6px}.scrape-list-item{border:1px solid var(--border);background:var(--surface);border-radius:7px}.scrape-item-summary{padding:7px 8px}.summary-label{color:var(--foreground);font-size:12px}.summary-tag{border:1px solid var(--border);background:var(--surface-muted);color:var(--muted);border-radius:4px;padding:2px 5px;font-size:10px}.summary-caret,.item-number{color:var(--muted)}.empty-list{border:1px dashed var(--border);background:var(--surface-muted);color:var(--muted);border-radius:7px;padding:12px;font-size:12px}.scrape-item-details{border-top-color:var(--border)}.option-pill,.pass-btn,.highlight-btn{border:1px solid var(--border);background:var(--surface);color:var(--foreground);border-radius:5px}.option-pill.active,.pass-btn.active,.highlight-btn.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, var(--surface));color:var(--foreground);box-shadow:none}.pass-details,.angle-meta{color:var(--muted)}.clear-all-btn,.remove-btn{border-radius:5px}.clear-all-btn{border:1px solid var(--border);background:var(--surface);color:var(--muted)}.clear-all-btn:hover{background:var(--surface-muted)}.remove-btn{background:var(--surface-muted);color:var(--muted)}.heatmap-legend{border:1px solid var(--border);background:var(--surface-muted);border-radius:7px;margin-bottom:16px;padding:10px}.heatmap-legend h3{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:600}.legend-items{gap:7px 10px}.legend-label{color:var(--muted);font-size:10px}.legend-color{border-radius:2px;width:10px;height:10px}.variation-control{margin:0 0 14px}.variation-control label{color:var(--foreground);justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:500;display:flex}.variation-control label span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.variation-control input{width:100%;height:4px;accent-color:var(--accent);cursor:pointer;margin:0;display:block}.variation-control p{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.4}.custom-pattern-builder{border:1px solid var(--border);background:var(--surface-muted);border-radius:8px;gap:12px;margin:0 0 18px;padding:12px;display:grid}.builder-fieldset{border:0;min-width:0;margin:0;padding:0}.builder-fieldset legend{color:var(--foreground);margin-bottom:7px;font-size:12px;font-weight:600}.choice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.choice-button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--foreground);cursor:pointer;border-radius:6px;padding:5px;font-size:12px;transition:border-color .15s,background .15s}.choice-button:hover{border-color:var(--accent)}.choice-button:disabled{cursor:not-allowed;opacity:.45}.choice-button.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--foreground);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.hole-choice{flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;display:flex}.hole-choice small{color:var(--muted);font-size:10px}.builder-help{color:var(--muted);margin:7px 0 0;font-size:10px;line-height:1.4}.straight-blade-note{border:1px solid var(--border);background:var(--surface);border-radius:6px;gap:3px;padding:10px;display:grid}.straight-blade-note strong{color:var(--foreground);font-size:12px;font-weight:500}.straight-blade-note span{color:var(--muted);font-size:10px}.side-lines-choice{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:flex;position:relative}.side-lines-choice strong,.side-lines-choice small{display:block}.side-lines-choice strong{color:var(--foreground);font-size:12px;font-weight:500}.side-lines-choice small{color:var(--muted);margin-top:2px;font-size:10px}.side-lines-choice input{opacity:0;width:1px;height:1px;position:absolute}.side-lines-choice:focus-within{outline:2px solid var(--accent);outline-offset:2px}.builder-switch{background:var(--border);border-radius:999px;flex:none;align-items:center;width:30px;height:17px;padding:2px;transition:background .15s;display:inline-flex}.builder-switch>span{background:var(--surface);border-radius:50%;width:13px;height:13px;transition:transform .15s}.side-lines-choice input:checked+.builder-switch{background:var(--accent)}.side-lines-choice input:checked+.builder-switch>span{transform:translate(13px)}.build-pattern-button{border:1px solid var(--accent);background:var(--accent);min-height:36px;color:var(--accent-foreground);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600}.build-pattern-button:disabled{cursor:not-allowed;opacity:.5}.share-section{text-align:left;border:0;margin:16px 0 0;padding:0}.copy-link-button,.snapshot-button{border:1px solid var(--border);background:var(--surface);min-height:34px;color:var(--foreground);box-shadow:none;border-radius:6px;padding:7px 10px;font-size:12px;font-weight:500}.copy-link-button{border-color:var(--accent);background:var(--accent);width:auto;color:var(--accent-foreground)}.copy-link-button:hover{box-shadow:none;filter:brightness(.96);transform:none}.copy-link-button.copied{background:#16a34a}.snapshot-button{width:auto;margin:0 0 0 6px}.snapshot-button:hover:not(:disabled){background:var(--surface-muted);border-color:var(--border)}.share-hint{color:var(--muted);font-size:11px}.app-footer{text-align:center;background:0 0;border:0;padding:0 0 16px}.app-footer p{color:var(--muted);font-size:11px}.settings-header{text-align:left}.settings-header-content{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1000px;margin:0 auto;display:flex}.settings-header-content>div{margin-right:auto}.settings-header h1{color:var(--foreground);margin:0;font-size:17px;font-weight:600}.settings-header p{color:var(--muted);margin:4px 0 0;font-size:12px}.settings-main{flex-direction:column;align-items:center;gap:14px}.settings-card{border:1px solid var(--border);background:var(--surface);width:min(1000px,100%);box-shadow:var(--shadow);border-radius:9px;padding:16px}.settings-card h2{color:var(--foreground);margin:0 0 12px;font-size:13px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px 20px;display:grid}.settings-label{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.settings-value{color:var(--foreground);font-family:var(--font-jetbrains), ui-monospace, monospace;font-size:13px;display:block}@media (max-width:800px){.app{padding:0 16px}.app-header{min-height:60px}.app-main{flex-direction:column;align-items:stretch;gap:16px;padding:18px 0}.pattern-selector-wrapper{flex:auto;order:1;width:100%;max-width:none}.sheet-wrapper{order:2}.curling-sheet{max-width:370px}.settings-header-content{flex-wrap:wrap}}