:root{--bg-color:#fcfafc;--panel-bg:#fff;--text-primary:#2d1b2d;--text-secondary:#7b6a7b;--accent-color:#a78baa;--border-color:#e8e2e8;--card-bg:#fdfbfd;--card-active-bg:#f3edf3;--card-active-border:#a78baa;--input-bg:#fff}.app-container.dark{--bg-color:#120712;--panel-bg:#1c0d1c;--text-primary:#f1f5f9;--text-secondary:#a78baa;--accent-color:#8e738e;--border-color:#301a30;--card-bg:#120712;--card-active-bg:#2d162d;--card-active-border:#8e738e;--input-bg:#301a30}@media (prefers-color-scheme:dark){.app-container:not(.light){--bg-color:#120712;--panel-bg:#1c0d1c;--text-primary:#f1f5f9;--text-secondary:#a78baa;--accent-color:#8e738e;--border-color:#301a30;--card-bg:#120712;--card-active-bg:#2d162d;--card-active-border:#8e738e;--input-bg:#301a30}}body{background-color:var(--bg-color);color:var(--text-primary);margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.app-container{background-color:var(--bg-color);width:100vw;height:100vh;color:var(--text-primary);transition:background-color .4s cubic-bezier(.4,0,.2,1),color .3s;display:flex}input[type=range]{-webkit-appearance:none;background:0 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:var(--border-color);border:none;border-radius:3px;width:100%;height:6px}input[type=range]::-webkit-slider-thumb{background:var(--accent-color);cursor:pointer;-webkit-appearance:none;border:2px solid var(--panel-bg);border-radius:50%;width:18px;height:18px;margin-top:-6px;transition:all .2s;box-shadow:0 1px 4px #0003}.btn{background-color:var(--accent-color);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.app-container.dark .btn{color:#f1f5f9}.btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.sidebar{background-color:var(--panel-bg);border-right:1px solid var(--border-color);box-sizing:border-box;z-index:10;flex-direction:column;width:320px;padding:24px;display:flex}.sidebar-header{margin-bottom:24px}.sidebar-header-top{justify-content:space-between;align-items:flex-start;display:flex}.sidebar-title{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.sidebar-subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:.875rem}.sidebar-actions{gap:4px;display:flex}.icon-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background-color .2s}.icon-btn:hover{background-color:var(--card-active-bg)}.language-picker{gap:8px;margin-top:16px;display:flex}.lang-btn{cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s}.lang-btn.active{color:var(--accent-color);background-color:var(--card-active-bg)}.lang-btn:not(.active){color:var(--text-secondary)}.main-actions{flex-direction:column;gap:12px;display:flex}.main-actions-group{gap:8px;display:flex}.sidebar-divider{border:none;border-top:1px solid var(--border-color);margin:24px 0}.section-controls{margin-bottom:20px}.control-label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.section-hint{color:var(--text-secondary);text-align:center;margin-top:4px;font-size:11px}.holes-container{flex-direction:column;flex:1;min-height:0;display:flex}.holes-title{color:var(--text-primary);margin:0 0 12px;font-size:13px}.holes-list{flex-direction:column;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.hole-item{cursor:pointer;border:2px solid var(--border-color);background-color:var(--card-bg);border-radius:10px;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.hole-item.active{border-color:var(--card-active-border);background-color:var(--card-active-bg)}.hole-name{font-size:13px;font-weight:600}.hole-item.active .hole-name{color:var(--accent-color)}.hole-item:not(.active) .hole-name{color:var(--text-primary)}.hole-info{color:var(--text-secondary);margin-top:2px;font-size:12px}.delete-btn{color:#ef4444;cursor:pointer;opacity:.8;background:0 0;border:none;padding:6px;transition:opacity .2s}.delete-btn:hover{opacity:1}.history-controls{border-top:1px solid var(--border-color);gap:8px;margin-top:20px;padding-top:16px;display:flex}.sidebar-footer{color:var(--text-secondary);text-align:center;margin-top:auto;padding-top:24px;font-size:11px}.version-tag{margin-bottom:4px;font-weight:700}.disclaimer-text{margin:0;line-height:1.4}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--panel-bg);border:1px solid var(--border-color);width:450px;color:var(--text-primary);border-radius:16px;padding:32px;position:relative;box-shadow:0 20px 40px #0000004d}.modal-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.modal-title{border-bottom:2px solid var(--accent-color);margin:0;padding-bottom:12px}.modal-body{font-size:14px;line-height:1.6}.modal-body h3{margin-top:1.5rem;margin-bottom:.5rem;font-size:1.1rem}.modal-body p{margin-bottom:1rem}.btn-danger:hover{color:#ef4444!important;background-color:#fee2e2!important;border-color:#fca5a5!important}.dark .btn-danger:hover{color:#f87171!important;background-color:#450a0a!important;border-color:#991b1b!important}