:root,html.theme-dark{--color-primary: #3D7566;--color-primary-hover: #4A8C7B;--color-primary-soft: rgba(61, 117, 102, .18);--color-bg: #0D1513;--color-surface: #14201D;--color-surface-elevated: #1B2A26;--color-surface-hover: #233630;--color-border: #283D36;--color-border-subtle: rgba(253, 251, 247, .08);--color-text-primary: #FDFBF7;--color-text-secondary: #B5C7C0;--color-text-muted: #758D84;--color-side-a: #478474;--color-side-a-soft: rgba(71, 132, 116, .18);--color-side-a-border: rgba(71, 132, 116, .48);--color-side-b: #D6976E;--color-side-b-soft: rgba(214, 151, 110, .18);--color-side-b-border: rgba(214, 151, 110, .48);--color-success: #3D8C76;--color-success-soft: rgba(61, 140, 118, .16);--color-danger: #D9534F;--color-danger-soft: rgba(217, 83, 79, .16);--color-warning: #D6976E;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .32);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}html.theme-light{--color-primary: #2D5E51;--color-primary-hover: #234C41;--color-primary-soft: rgba(45, 94, 81, .12);--color-bg: #FAF7F2;--color-surface: #FFFFFF;--color-surface-elevated: #F2ECE2;--color-surface-hover: #E8E0D4;--color-border: #DFD6C8;--color-border-subtle: rgba(24, 38, 32, .07);--color-text-primary: #182620;--color-text-secondary: #3C544C;--color-text-muted: #688077;--color-side-a: #2E6655;--color-side-a-soft: rgba(46, 102, 85, .14);--color-side-a-border: rgba(46, 102, 85, .42);--color-side-b: #BF784B;--color-side-b-soft: rgba(191, 120, 75, .14);--color-side-b-border: rgba(191, 120, 75, .42);--shadow-card: 0 2px 14px rgba(24, 38, 32, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--color-bg);color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;border:none;background:none}.yadabu-card,.yada-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;transition:border-color .18s ease,background-color .18s ease}.yadabu-btn,.yada-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.125rem;border-radius:var(--radius-md);font-weight:600;font-size:.92rem;transition:all .15s ease;border:1px solid transparent}.yadabu-btn:disabled,.yada-btn:disabled{opacity:.55;cursor:not-allowed}.yadabu-btn.btn-primary,.yada-btn.btn-primary{background-color:var(--color-primary);color:#fff}.yadabu-btn.btn-primary:hover:not(:disabled),.yada-btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.yadabu-btn.btn-secondary,.yada-btn.btn-secondary{background-color:var(--color-surface-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.yadabu-btn.btn-secondary:hover:not(:disabled),.yada-btn.btn-secondary:hover:not(:disabled){background-color:var(--color-surface-hover)}.yadabu-btn.btn-danger,.yada-btn.btn-danger{background-color:var(--color-danger-soft);color:var(--color-danger);border-color:#ef44444d}.yadabu-btn.btn-danger:hover:not(:disabled),.yada-btn.btn-danger:hover:not(:disabled){background-color:var(--color-danger);color:#fff}.yadabu-btn.btn-sm,.yada-btn.btn-sm{padding:.375rem .75rem;font-size:.82rem;border-radius:var(--radius-sm)}.yadabu-input,.yada-input,.yadabu-textarea,.yada-textarea,.yadabu-select,.yada-select{width:100%;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.7rem .9rem;color:var(--color-text-primary);transition:border-color .15s ease}.yadabu-input:focus,.yada-input:focus,.yadabu-textarea:focus,.yada-textarea:focus,.yadabu-select:focus,.yada-select:focus{outline:none;border-color:var(--color-primary)}.yadabu-input::placeholder,.yada-input::placeholder,.yadabu-textarea::placeholder,.yada-textarea::placeholder,.yadabu-select::placeholder,.yada-select::placeholder{color:var(--color-text-muted)}.yadabu-badge,.yada-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .6rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.01em}.yadabu-badge.badge-primary,.yada-badge.badge-primary{background-color:var(--color-primary-soft);color:var(--color-primary)}.yadabu-badge.badge-side-a,.yada-badge.badge-side-a{background-color:var(--color-side-a-soft);color:var(--color-side-a);border:1px solid var(--color-side-a-border)}.yadabu-badge.badge-side-b,.yada-badge.badge-side-b{background-color:var(--color-side-b-soft);color:var(--color-side-b);border:1px solid var(--color-side-b-border)}.yadabu-badge.badge-live,.yada-badge.badge-live{background-color:var(--color-danger-soft);color:var(--color-danger)}.yadabu-badge.badge-success,.yada-badge.badge-success{background-color:var(--color-success-soft);color:var(--color-success)}.side-progress-bar{display:flex;width:100%;height:10px;border-radius:var(--radius-full);overflow:hidden;background-color:var(--color-surface-elevated)}.side-progress-bar .side-a-fill{background-color:var(--color-side-a);transition:width .35s cubic-bezier(.4,0,.2,1)}.side-progress-bar .side-b-fill{background-color:var(--color-side-b);transition:width .35s cubic-bezier(.4,0,.2,1)}