.login-container{background-color:#fff;justify-content:center;align-items:center;min-height:100vh;display:flex}.login-content{width:100%;max-width:400px;padding:24px}.login-title{color:#2d6a2d;margin-bottom:8px;font-size:28px;font-weight:700}.login-subtitle{color:#888;margin-bottom:40px;font-size:16px}.login-button{color:#fff;cursor:pointer;background-color:#2d6a2d;border:none;border-radius:8px;width:100%;margin-top:8px;padding:16px;font-size:16px;font-weight:700}.login-button:disabled{cursor:not-allowed;background-color:#aaa}.lang-container{margin-bottom:24px;position:relative}.lang-dropdown-btn{color:#2d6a2d;cursor:pointer;background:0 0;border:1px solid #2d6a2d;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600}.lang-menu{z-index:10;background:#fff;border:1px solid #eee;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;box-shadow:0 2px 4px #00000026}.lang-menu-item{text-align:left;color:#333;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:12px 16px;font-size:15px;display:block}.lang-menu-item.active{color:#2d6a2d;background-color:#e8f5e8;font-weight:600}.forgot-link{text-align:center;color:#2d6a2d;cursor:pointer;background:0 0;border:none;width:100%;margin-top:16px;font-size:14px;text-decoration:underline;display:block}.forgot-box{background-color:#fafafa;border:1px solid #eee;border-radius:8px;margin-top:16px;padding:16px}.form-input-wrapper{margin-bottom:16px;display:block}.form-input-label{color:#333;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.form-input{box-sizing:border-box;background-color:#fafafa;border:1px solid #ccc;border-radius:8px;width:100%;padding:12px;font-size:16px}.kemidigi-wrapper{z-index:10;position:relative}.kemidigi-input-row{align-items:center;display:flex;position:relative}.kemidigi-input{box-sizing:border-box;background-color:#fafafa;border:1px solid #ccc;border-radius:8px;flex:1;padding:12px;font-size:16px}.kemidigi-input.selected{border-color:#2d6a2d}.kemidigi-clear-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;right:12px}.kemidigi-info-badge{color:#2d6a2d;background-color:#e8f5e8;border:1px solid #2d6a2d;border-radius:6px;margin-top:6px;padding:8px;font-size:13px;font-weight:600}.kemidigi-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;max-height:300px;margin-top:4px;overflow-y:auto;box-shadow:0 2px 4px #00000014}.kemidigi-result-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px;display:block}.kemidigi-result-item:hover{background-color:#f8f8f8}.kemidigi-result-name{color:#333;font-size:15px;font-weight:500}.kemidigi-result-sub{color:#999;margin-top:2px;font-size:12px}.kemidigi-separator{background-color:#f0f0f0;height:1px}:root{--color-bg:#f7f8f6;--color-surface:#fff;--color-border:#e2e5e0;--color-text:#1a1f1a;--color-text-muted:#6b7268;--color-primary:#2d6a2d;--color-primary-hover:#1f4d1f;--color-primary-tint:#eaf3ea;--color-danger:#b3261e;--color-danger-tint:#fbeceb;--color-warning:#c98a2e;--font-ui:"Manrope", -apple-system, system-ui, sans-serif}body{font-family:var(--font-ui)}*{box-sizing:border-box}.admin-page{background-color:var(--color-bg);min-height:100vh;font-family:var(--font-ui);color:var(--color-text);display:flex}.admin-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:24px 0;display:flex;position:fixed;top:0;left:0}.admin-nav{flex-direction:column;flex:1;gap:2px;padding:0 12px;display:flex;overflow-y:auto}.admin-sidebar-footer{border-top:1px solid var(--color-border);flex-shrink:0;padding:12px}.admin-main{flex:1;max-width:760px;margin-left:240px;padding:40px 48px}.admin-org-name{color:var(--color-text);font-size:15px;font-weight:600}.admin-org-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-top:2px;font-size:11px}.admin-nav{flex-direction:column;gap:2px;padding:0 12px;display:flex}.admin-nav-item{appearance:none;width:100%;box-shadow:none;font-size:14px;font-family:var(--font-ui);color:var(--color-text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-left:2px solid #0000;border-radius:6px;outline:none;padding:10px 12px;font-weight:500;display:block}.admin-nav-item:hover{background-color:var(--color-bg);color:var(--color-text)}.admin-nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.admin-nav-item.active{background-color:var(--color-primary-tint);border-left-color:var(--color-primary);color:var(--color-primary);font-weight:700}.admin-main{flex:1;max-width:760px;padding:40px 48px}.section-title{color:var(--color-text);letter-spacing:-.01em;margin-top:32px;margin-bottom:16px;font-size:20px;font-weight:600}.section-title:first-child{margin-top:0}.sub-section-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:20px;margin-bottom:8px;font-size:13px;font-weight:600}.field-input{border:1px solid var(--color-border);width:100%;font-size:14px;font-family:var(--font-ui);background-color:var(--color-surface);color:var(--color-text);border-radius:6px;padding:10px 12px;transition:border-color .15s}.primary-button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:20px;padding:10px 18px;font-size:14px;font-weight:600;transition:background-color .15s}.inline-row{gap:8px;margin-top:6px;display:flex}.inline-button{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:6px;padding:0 16px;font-size:13px;font-weight:600}.inline-button:hover{background-color:var(--color-primary-tint)}.role-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:6px;flex:1;padding:8px;font-size:13px;font-weight:500;transition:border-color .15s}.role-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.delete-button{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-danger);cursor:pointer;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .15s}.delete-button:hover{background-color:var(--color-danger-tint);border-color:var(--color-danger)}.tag-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.tag{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:5px;align-items:center;padding:5px 10px;font-size:12px;display:inline-flex}.tag.selected{border-color:var(--color-primary);background-color:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.radio-option{border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;color:var(--color-text);text-align:left;width:100%;font-size:14px;font-family:var(--font-ui);border-radius:6px;margin-bottom:6px;padding:10px 14px;transition:border-color .15s;display:block}.card{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:8px;margin-bottom:8px;padding:16px 18px}.card-title{color:var(--color-text);margin:0;font-size:15px;font-weight:600}.card-sub{color:var(--color-text-muted);margin-top:4px;font-size:13px}.card-actions{gap:6px;margin-top:12px;display:flex}.empty-text{color:var(--color-text-muted);text-align:center;border:1px dashed var(--color-border);border-radius:8px;margin:16px 0;padding:24px;font-size:14px}.empty-small{color:var(--color-text-muted);margin-top:6px;font-size:12px}.station-card{border:1px solid var(--color-primary);background-color:var(--color-primary-tint);border-radius:8px;margin-bottom:8px;padding:12px 14px}.station-name{color:var(--color-primary);font-size:14px;font-weight:600}.station-id{color:var(--color-text-muted);margin-top:2px;font-size:12px}.station-list{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:8px;margin-top:6px;overflow:hidden}.station-item{text-align:left;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;background:0 0;width:100%;padding:10px 14px;display:block}.station-item:last-child{border-bottom:none}.station-item:hover{background-color:var(--color-bg)}.station-item-name{color:var(--color-text);font-size:13px;font-weight:500}.station-item-id{color:var(--color-text-muted);margin-top:2px;font-size:11px}.parent-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.parent-card-title{color:var(--color-text);align-items:center;gap:6px;font-size:15px;font-weight:600;display:flex}.parent-card-count{color:var(--color-text-muted);font-size:13px;font-weight:400}.parent-card-title{color:var(--color-text);font-size:15px;font-weight:600}.mode-row{border:1px solid var(--color-border);border-radius:6px;width:fit-content;margin-bottom:12px;display:flex;overflow:hidden}.mode-tab{background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border:none;padding:8px 16px;font-size:13px;font-weight:500}.mode-tab.active{background-color:var(--color-primary);color:#fff}.kemidigi-card{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:6px;margin-top:10px;padding:12px 14px}.kemidigi-row{color:var(--color-text);margin-bottom:6px;font-size:12px;line-height:1.5}.kemidigi-label{color:var(--color-primary);font-weight:700}select.field-input{cursor:pointer;background-color:var(--color-surface)}.table-wrapper{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.table-restrictions{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.table-restrictions:hover{white-space:normal;overflow:visible}.table-info-button{color:var(--color-text-muted);cursor:pointer;vertical-align:middle;background:0 0;border:none;align-items:center;margin-right:6px;padding:0;display:inline-flex}.table-info-button:hover{color:var(--color-primary)}.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;background-color:var(--color-bg);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:600}.data-table th:hover{color:var(--color-text)}.data-table td{border-bottom:1px solid var(--color-border);color:var(--color-text);padding:9px 14px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:var(--color-bg)}.table-primary{font-weight:500}.table-secondary{color:var(--color-text-muted)}.table-delete-link{color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:500}.table-delete-link:hover{text-decoration:underline}.table-edit-link{color:var(--color-primary);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:500}.table-edit-link:hover{text-decoration:underline}.table-count{color:var(--color-text-muted);text-align:right;margin-top:10px;font-size:12px}.chem-search-wrapper{z-index:10;position:relative}.chem-search-input-row{align-items:center;display:flex;position:relative}.chem-search-input{border:1px solid var(--color-border,#ccc);box-sizing:border-box;background-color:#fafafa;border-radius:8px;flex:1;padding:12px;font-size:16px}.chem-search-input.selected{border-color:var(--color-primary,#2d6a2d)}.chem-search-clear-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;right:12px}.chem-info-badge{color:#92400e;background-color:#fff8e1;border:1px solid #f59e0b;border-radius:6px;margin-top:6px;padding:8px;font-size:13px;font-weight:600}.chem-info-badge-neutral{color:#666;background-color:#f0f0f0;border:1px solid #ccc;border-radius:6px;margin-top:6px;padding:8px;font-size:13px}.chem-comment-badge{color:#555;background-color:#f5f5f5;border:1px solid #ddd;border-radius:6px;margin-top:6px;padding:8px;font-size:13px;font-style:italic}.chem-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;max-height:320px;margin-top:4px;overflow-y:auto;box-shadow:0 2px 4px #00000014}.chem-result-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px;display:block}.chem-result-item:hover{background-color:#f8f8f8}.chem-result-name{color:#333;font-size:15px;font-weight:500}.chem-result-sub{color:#999;margin-top:2px;font-size:12px}.chem-result-comment{color:#666;margin-top:2px;font-size:12px;font-style:italic}.chem-separator{background-color:#f0f0f0;height:1px}.chem-kemidigi-toggle{border:1px solid var(--color-primary,#2d6a2d);width:100%;color:var(--color-primary,#2d6a2d);cursor:pointer;background:0 0;border-radius:6px;margin-top:8px;padding:8px;font-size:13px;font-weight:600}.chem-kemidigi-box{background-color:#f0f7f0;border:1px solid #c8e0c8;border-radius:6px;margin-top:8px;padding:8px}.chem-kemidigi-reg{color:var(--color-primary,#2d6a2d);margin-bottom:4px;font-size:13px;font-weight:700}.chem-kemidigi-text{color:#444;margin-top:2px;font-size:12px}.plant-search-wrapper{z-index:10;position:relative}.plant-search-input-row{align-items:center;display:flex;position:relative}.plant-search-input{border:1px solid var(--color-border,#ccc);box-sizing:border-box;background-color:#fafafa;border-radius:8px;flex:1;padding:12px;font-size:16px}.plant-search-input.selected{border-color:var(--color-primary,#2d6a2d)}.plant-search-clear-btn{color:#999;cursor:pointer;background:0 0;border:none;padding:4px;font-size:16px;position:absolute;right:12px}.plant-selected-badge{border:1px solid var(--color-primary,#2d6a2d);background-color:#e8f5e8;border-radius:6px;margin-top:6px;padding:8px}.plant-selected-latin{color:var(--color-primary,#2d6a2d);margin:0;font-size:13px;font-style:italic;font-weight:600}.plant-selected-code{color:#555;margin:2px 0 0;font-size:11px}.plant-dropdown{background-color:#fff;border:1px solid #ddd;border-radius:8px;max-height:320px;margin-top:4px;overflow-y:auto;box-shadow:0 2px 4px #00000014}.plant-result-item{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px;display:block}.plant-result-item:hover{background-color:#f8f8f8}.plant-result-latin{color:#333;font-size:15px;font-style:italic}.plant-result-fi{color:#666;margin-top:2px;font-size:13px}.plant-result-code{color:#999;margin-top:2px;font-size:11px}.plant-separator{background-color:#f0f0f0;height:1px}.preview-header{background-color:var(--color-bg);border-radius:8px;margin-bottom:16px;padding:14px 16px}.preview-header p{color:var(--color-text-muted);margin:2px 0;font-size:13px}.preview-section{color:var(--color-primary);margin-top:24px;margin-bottom:6px;font-size:16px;font-weight:700}.preview-subsection{color:var(--color-text-muted);margin-top:12px;margin-bottom:4px;font-size:13px;font-weight:600}.preview-row{border-bottom:1px solid var(--color-border);padding:8px 0;display:flex}.preview-label{color:var(--color-text-muted);flex-shrink:0;width:40%;font-size:14px;font-weight:600}.preview-value{color:var(--color-text);flex:1;font-size:14px}.form-page-layout{background-color:var(--color-bg);min-height:100vh;display:flex}.form-sidebar{background-color:var(--color-surface);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;width:240px;height:100vh;padding:24px 0;display:flex;position:fixed;top:0;left:0}.form-sidebar-header{border-bottom:1px solid var(--color-border);margin-bottom:12px;padding:0 20px 16px}.form-sidebar-lang{border-bottom:1px solid var(--color-border);margin-bottom:12px;padding:0 20px 16px;position:relative}.form-sidebar-lang .lang-dropdown-btn{width:100%}.admin-nav-item.danger{color:var(--color-danger)}.admin-nav-item.danger:hover{background-color:var(--color-danger-tint);color:var(--color-danger)}.form-main{flex:1;height:100vh;margin-left:240px;overflow-y:auto}.form-content{max-width:640px;margin:0 auto;padding:32px 24px 60px}.form-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-buttons{gap:8px;display:flex}.admin-button,.logout-button,.reset-button{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:border-color .15s}.admin-button{color:var(--color-primary)}.admin-button:hover{border-color:var(--color-primary)}.logout-button{color:var(--color-danger)}.logout-button:hover{border-color:var(--color-danger)}.reset-button{color:var(--color-text-muted)}.reset-button:hover{border-color:var(--color-text-muted)}.lang-container{position:relative}.lang-dropdown-btn{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px;font-weight:600}.lang-menu{background:var(--color-surface);border:1px solid var(--color-border);z-index:20;border-radius:8px;min-width:140px;margin-top:4px;position:absolute;top:100%;left:0;box-shadow:0 2px 8px #0000001a}.lang-menu-item{text-align:left;border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;background:0 0;padding:10px 14px;font-size:14px;display:block}.lang-menu-item:last-child{border-bottom:none}.lang-menu-item:hover{background-color:var(--color-bg)}.lang-menu-item.active{background-color:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.auto-info{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;margin-bottom:20px;padding:10px 14px}.auto-info p{color:var(--color-text-muted);margin:2px 0;font-size:13px}.step-indicator{align-items:center;margin-bottom:24px;display:flex}.step-dot{background-color:var(--color-border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.step-dot.active{background-color:var(--color-primary)}.step-dot.done{background-color:var(--color-primary);opacity:.5}.step-line{background-color:var(--color-border);flex:1;height:2px;margin:0 8px}.step-line.done{background-color:var(--color-primary);opacity:.5}.step-title{color:var(--color-primary);margin-bottom:12px;font-size:17px;font-weight:600}.field-label{color:var(--color-text-muted);margin-top:16px;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.label-small{color:var(--color-text-muted);margin-top:10px;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.field-input{border:1px solid var(--color-border);width:100%;font-size:14px;font-family:var(--font-ui);background-color:var(--color-surface);color:var(--color-text);box-sizing:border-box;border-radius:6px;padding:10px 12px;transition:border-color .15s}.field-input:focus{border-color:var(--color-primary);outline:none}.field-input.multiline{resize:vertical;height:76px}.field-input.input-error{border-color:var(--color-danger)}.field-error{color:var(--color-danger);margin-top:4px;font-size:12px}.form-card{border:1px solid var(--color-border);background-color:var(--color-surface);border-radius:8px;margin-bottom:12px;padding:16px 18px}.form-card-title{color:var(--color-text-muted);margin:0 0 10px;font-size:14px;font-weight:600}.room-card{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:8px;margin-top:10px;padding:12px 14px}.primary-button{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:20px;padding:12px 18px;font-size:14px;font-weight:600;transition:background-color .15s}.primary-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.primary-button:disabled{background-color:var(--color-border);color:var(--color-text-muted);cursor:not-allowed}.secondary-button{border:1px solid var(--color-primary);color:var(--color-primary);cursor:pointer;background:0 0;border-radius:6px;width:100%;margin-top:12px;padding:11px 18px;font-size:14px;font-weight:600}.secondary-button:hover:not(:disabled){background-color:var(--color-primary-tint)}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.toggle-button{border:1px solid var(--color-primary);width:100%;color:var(--color-primary);cursor:pointer;background:0 0;border-radius:6px;margin-top:12px;padding:8px;font-size:13px;font-weight:600}.toggle-button:hover{background-color:var(--color-primary-tint)}.remove-button{color:var(--color-danger);cursor:pointer;background:0 0;border:none;margin-top:8px;margin-left:auto;padding:4px 0;font-size:13px;display:block}.preview-warning{color:var(--color-warning);font-weight:600}.remove-button:hover{text-decoration:underline}.navigation-buttons{gap:10px;margin-top:8px;display:flex}.navigation-buttons .secondary-button,.navigation-buttons .primary-button{margin-top:0}.checkbox-group{margin-top:4px}.checkbox-row{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;margin-bottom:10px;display:flex}.checkbox{border:2px solid var(--color-border);background-color:var(--color-surface);color:#fff;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-right:10px;font-size:13px;display:inline-flex}.checkbox.checked{border-color:var(--color-primary);background-color:var(--color-primary)}.checkbox-row span:last-child{color:var(--color-text);font-size:14px}.unit-row{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.unit-tag{border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:16px;padding:5px 12px;font-size:12px}.unit-tag.selected{border-color:var(--color-primary);background-color:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.radio-option{text-align:left;border:1px solid var(--color-border);background-color:var(--color-surface);cursor:pointer;width:100%;color:var(--color-text);border-radius:6px;margin-bottom:6px;padding:10px 14px;font-size:14px;display:block}.radio-option:hover{border-color:var(--color-primary)}.radio-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-tint);color:var(--color-primary);font-weight:600}.room-area-text{color:var(--color-primary);margin-top:2px;font-size:12px}.room-restriction{color:var(--color-danger);margin-top:4px;font-size:12px}.room-group-header{color:var(--color-primary);margin-top:10px;margin-bottom:4px;font-size:13px;font-weight:700}.empty-hint{color:var(--color-text-muted);margin:4px 0 8px;font-size:13px;font-style:italic}.bbch-selected-row{background-color:var(--color-primary-tint);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:6px;padding:10px 12px;display:flex}.bbch-selected-text{color:var(--color-primary);font-size:13px;font-weight:600}.bbch-clear{color:var(--color-danger);cursor:pointer;background:0 0;border:none;padding-left:10px;font-size:15px;font-weight:700}.bbch-group-container{border:1px solid var(--color-border);background-color:var(--color-bg);border-radius:8px;margin-top:8px;padding:10px}.bbch-group-title{color:var(--color-primary);margin:0 0 8px;font-size:13px;font-weight:700}.bbch-option{text-align:left;background-color:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;border-radius:6px;margin-bottom:4px;padding:9px 12px;font-size:13px;display:block}.bbch-option:hover{border-color:var(--color-primary)}.bbch-option.selected{background-color:var(--color-primary-tint);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.datetime-row{gap:10px;margin-top:6px;display:flex}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}