.ld-root{min-height:100vh;background:var(--nx-bg-canvas);font-family:var(--font-sans);display:flex;flex-direction:column}.ld-header{background:var(--nx-bg-surface);border-bottom:1px solid var(--nx-border);position:sticky;top:0;z-index:10;box-shadow:var(--shadow-sm)}.ld-header-inner{width:100%;padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;box-sizing:border-box}.ld-brand{display:flex;align-items:center;gap:var(--space-3)}.ld-brand-icon{flex-shrink:0}.ld-eyebrow{font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--nx-text-muted);line-height:1;margin-bottom:2px}.ld-title{font-size:var(--text-lg);font-weight:700;color:var(--nx-text-primary);line-height:1.2}.ld-body{flex:1;display:flex;width:100%;align-items:flex-start;box-sizing:border-box}.ld-main{flex:4;min-width:0;padding:var(--space-7) var(--space-6) var(--space-8);display:flex;flex-direction:column;gap:var(--space-7);box-sizing:border-box}.ld-sidebar{flex:0 0 260px;width:260px;position:sticky;top:65px;height:calc(100vh - 65px);overflow-y:auto;border-left:1px solid var(--nx-border);background:#fff;padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);box-sizing:border-box;flex-shrink:0}.ld-roost-sidebar-card{width:100%;box-sizing:border-box;flex-shrink:0}.ld-roost-sidebar-card .ld-card-arrow{opacity:1}.ld-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--space-3);border-bottom:1px solid var(--nx-border);margin-bottom:var(--space-1)}.ld-sidebar-links{display:flex;flex-direction:column;gap:var(--space-2)}.ld-sidebar-link-row{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);background:#fff;transition:background .15s}.ld-sidebar-link-row:hover{background:#f4f7fa}.ld-sidebar-link-row:hover .ld-custom-delete{opacity:1}.ld-sidebar-link-icon{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);background:#66c7f11a;color:#3a9fc4;display:flex;align-items:center;justify-content:center;margin-top:1px}.ld-sidebar-link-body{flex:1;min-width:0}.ld-sidebar-link-title{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-sm);font-weight:600;color:#1a2332;text-decoration:none;line-height:1.3;word-break:break-word;transition:color .15s}.ld-sidebar-link-title:hover{color:#3a9fc4;text-decoration:underline}.ld-sidebar-link-title:focus-visible{outline:2px solid var(--hbh-focus-ring);outline-offset:2px;border-radius:2px}.ld-sidebar-link-desc{font-size:var(--text-xs);color:#4a5568;margin-top:2px;line-height:1.4}.ld-countdown{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 12px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#0f2a3a,#0d3322);border:1px solid rgba(102,199,241,.25);box-shadow:0 0 18px #66c7f126,0 2px 8px #0000002e;cursor:pointer;transition:box-shadow .2s,transform .2s,border-color .2s;animation:cd-glow-pulse 3s ease-in-out infinite;color:#fff;width:100%;box-sizing:border-box;text-align:center;text-decoration:none}.ld-countdown:hover{box-shadow:0 0 28px #66c7f159,0 4px 16px #00000038;transform:translateY(-1px);border-color:#66c7f180}.ld-countdown:focus-visible{outline:2px solid var(--hbh-focus-ring);outline-offset:3px}@keyframes cd-glow-pulse{0%,to{box-shadow:0 0 14px #66c7f11f,0 2px 8px #0000002e}50%{box-shadow:0 0 26px #66c7f14d,0 2px 8px #0000002e}}.cd-event-name{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#fff}.cd-header{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a8dff5}.cd-timer{display:flex;align-items:center;gap:4px}.cd-unit{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:34px}.cd-digit{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;color:#fff;line-height:1;letter-spacing:-.02em;transition:transform .15s ease,opacity .15s ease}.cd-digit--flip{animation:cd-flip .35s ease}@keyframes cd-flip{0%{transform:translateY(0);opacity:1}40%{transform:translateY(-6px);opacity:.3}60%{transform:translateY(4px);opacity:.3}to{transform:translateY(0);opacity:1}}.cd-label{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a8dff5}.cd-sep{font-size:18px;font-weight:800;color:#7ecfee;line-height:1;margin-bottom:12px;align-self:flex-start;margin-top:4px}.ld-search-wrap{position:relative;width:260px}.ld-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#4a5568;pointer-events:none}.ld-search{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) 34px;border:1px solid var(--nx-border);border-radius:var(--radius-full);background:#f4f7fa;font-size:var(--text-sm);color:#1a2332;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}.ld-search::placeholder{color:#4a5568}.ld-search:focus-visible{border-color:#3a9fc4;box-shadow:0 0 0 3px #3a9fc433}.ld-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--nx-border)}.ld-section-title{font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#4a5568;margin:0}.ld-add-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:var(--text-xs);font-weight:600;color:#5f60ab;background-color:#ededf7;border:1px solid #c5c5e8;border-radius:var(--radius-full);cursor:pointer;transition:background-color .15s,border-color .15s;font-family:inherit;line-height:1.4}.ld-add-btn:hover{background-color:#dcdcf0;border-color:#a0a0d8}.ld-add-btn:focus-visible{outline:2px solid #5f60ab;outline-offset:2px}.ld-add-form{background:#f4f7fa;border:1px solid var(--nx-border);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);animation:ld-slide-in .18s ease}@keyframes ld-slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ld-field{display:flex;flex-direction:column;gap:4px}.ld-field-label{font-size:var(--text-xs);font-weight:600;color:#2d3748}.ld-field-optional{font-weight:400;color:#4a5568}.ld-field-input{padding:var(--space-2) var(--space-2);border:1px solid var(--nx-border);border-radius:var(--radius-md);background:#fff;font-size:var(--text-xs);color:#1a2332;outline:none;transition:border-color .15s,box-shadow .15s;box-sizing:border-box;width:100%}.ld-field-input::placeholder{color:#4a5568}.ld-field-input:focus-visible{border-color:#3a9fc4;box-shadow:0 0 0 3px #3a9fc433}.ld-field-input--error{border-color:#c45e30}.ld-field-error{font-size:11px;color:#c45e30}.ld-add-form-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.ld-btn-primary{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;color:#fff;background:linear-gradient(135deg,#3a9fc4,#2e9060);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .15s,transform .15s;font-family:inherit;line-height:1.4}.ld-btn-primary:hover{opacity:.9;transform:translateY(-1px)}.ld-btn-primary:focus-visible{outline:2px solid #3a9fc4;outline-offset:2px}.ld-btn-secondary{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;color:#2d3748;background-color:#e8edf2;border:1px solid #c8d3de;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s;font-family:inherit;line-height:1.4}.ld-btn-secondary:hover{background-color:#d8e2ea}.ld-btn-secondary:focus-visible{outline:2px solid #3a9fc4;outline-offset:2px}.ld-custom-empty{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-2);color:#4a5568;font-size:var(--text-xs);font-style:italic;line-height:1.5}.ld-custom-empty-text{color:#2d3748}.ld-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.ld-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#fff;border:1px solid var(--nx-border);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-sm);transition:box-shadow .18s,transform .18s,border-color .18s;cursor:pointer;position:relative;overflow:hidden}.ld-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:width .18s}.ld-card--frost:before{background:#66c7f1}.ld-card--green:before{background:#43b873}.ld-card--orange:before{background:#f47e51}.ld-card--violet:before{background:#5f60ab}.ld-card--teal:before{background:#2dd4bf}.ld-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.ld-card--frost:hover{border-color:#66c7f1}.ld-card--green:hover{border-color:#43b873}.ld-card--orange:hover{border-color:#f47e51}.ld-card--violet:hover{border-color:#5f60ab}.ld-card--teal:hover{border-color:#2dd4bf}.ld-card:focus-visible{outline:2px solid #3a9fc4;outline-offset:2px}.ld-card-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-left:4px}.ld-card--frost .ld-card-icon{background:#66c7f11f;color:#3a9fc4}.ld-card--green .ld-card-icon{background:#43b8731f;color:#2e9060}.ld-card--orange .ld-card-icon{background:#f47e511f;color:#c45e30}.ld-card--violet .ld-card-icon{background:#5f60ab1f;color:#5f60ab}.ld-card--teal .ld-card-icon{background:#2dd4bf1f;color:#0f9488}.ld-card-body{flex:1;min-width:0}.ld-card-title{font-size:var(--text-sm);font-weight:600;color:#1a2332;margin-bottom:4px;line-height:1.3}.ld-card-desc{font-size:var(--text-xs);color:#4a5568;line-height:1.5}.ld-card-arrow{flex-shrink:0;color:#4a5568;margin-top:2px;opacity:0;transition:opacity .15s}.ld-card:hover .ld-card-arrow{opacity:1}.ld-custom-delete{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-md);border:1px solid #c8d3de;background-color:#fff;color:#2d3748;cursor:pointer;opacity:0;transition:opacity .15s,background-color .15s,color .15s,border-color .15s;margin-top:1px;font-family:inherit;line-height:1}.ld-custom-delete:hover{background-color:#fde8df;border-color:#f47e51;color:#c45e30}.ld-custom-delete:focus-visible{outline:2px solid #3a9fc4;outline-offset:2px;opacity:1}.ld-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:#4a5568;text-align:center}.ld-empty p{margin:0;font-size:var(--text-sm);color:#2d3748}:focus-visible{outline:2px solid #3a9fc4;outline-offset:2px}@media (max-width: 900px){.ld-body{flex-direction:column}.ld-sidebar{position:static;height:auto;width:100%;flex:none;border-left:none;border-top:1px solid var(--nx-border)}.ld-main{padding:var(--space-5) var(--space-4)}.ld-header-inner{padding:var(--space-3) var(--space-4)}.ld-search-wrap{width:100%}.ld-grid{grid-template-columns:1fr}.ld-countdown{width:100%}}:root{--hbh-frost-blue: #66c7f1;--hbh-spring-green: #43b873;--hbh-deep-orange: #f47e51;--hbh-velvet-violet: #5f60ab;--nx-bg-darkest: #EEF2F7;--nx-bg-darker: #F1F4F8;--nx-bg-dark: #F6F8FB;--nx-bg-surface: #FFFFFF;--nx-bg-surface-hover: #F2F6FB;--nx-border: #E4E9F0;--nx-border-light: #D5DCE6;--nx-text-primary: #16202C;--nx-text-secondary: #3D4A59;--nx-text-muted: #64717F;--nx-text-faint: #97A3B0;--hbh-font-body: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--nx-font-mono: "JetBrains Mono", ui-monospace, monospace;--nx-gradient-brand: linear-gradient(135deg, var(--hbh-frost-blue), var(--hbh-spring-green));--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--text-xl: 20px;--text-2xl: 25px;--text-3xl: 31px;--shadow-sm: 0 1px 2px rgba(20,33,48,.06);--shadow-md: 0 4px 14px rgba(20,33,48,.08);--shadow-lg: 0 12px 30px rgba(20,33,48,.12);--ease: cubic-bezier(.2,.7,.3,1);--dur-fast: .12s;--dur: .18s;--status-open-fg: #126084;--status-open-bg: rgba(102,199,241,.16);--status-done-fg: #236E45;--status-done-bg: rgba(67,184,115,.16);--status-warn-fg: #934914;--status-warn-bg: rgba(244,126,81,.18);--status-danger-fg: #AE241D;--status-danger-bg: rgba(229,72,72,.14);--hbh-focus-ring: var(--hbh-frost-blue)}:root.dark,.dark{--nx-bg-darkest: #14110D;--nx-bg-darker: #1D1915;--nx-bg-dark: #26211B;--nx-bg-surface: #2F2922;--nx-bg-surface-hover: #3A3328;--nx-border: #3A352C;--nx-border-light: #4A4338;--nx-text-primary: #F2EFE8;--nx-text-secondary: #CDC8BC;--nx-text-muted: #9A9582;--nx-text-faint: #6B6557;--shadow-sm: 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 14px rgba(0,0,0,.38);--shadow-lg: 0 12px 30px rgba(0,0,0,.46);--status-open-bg: rgba(102,199,241,.2);--status-done-bg: rgba(67,184,115,.2);--status-warn-bg: rgba(244,126,81,.2);--status-danger-bg: rgba(229,72,72,.22)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;background:var(--nx-bg-dark);color:var(--nx-text-primary);font-family:var(--hbh-font-body);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{font-size:var(--text-base);line-height:1.55}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.2;color:var(--nx-text-primary)}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:600}h3{font-size:var(--text-lg);font-weight:600}p{margin:0}a{color:var(--hbh-frost-blue);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--hbh-focus-ring);outline-offset:2px}main{max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-5)}.hh-page{max-width:880px;margin:0 auto;padding:var(--space-6) var(--space-5)}.hh-page-wide{max-width:1280px}.hh-page-full{max-width:1600px}.hh-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.hh-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:var(--nx-text-muted)}.hh-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-top:var(--space-1)}.hh-meta{font-size:var(--text-sm);color:var(--nx-text-muted);margin-top:var(--space-1)}.hh-toolbar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap}.hh-card{background:var(--nx-bg-surface);border:1px solid var(--nx-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-5)}.hh-grid{display:grid;gap:var(--space-4)}.hh-stat{background:var(--nx-bg-surface);border:1px solid var(--nx-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5)}.hh-stat-value{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em}.hh-stat-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:1.2px;color:var(--nx-text-muted);margin-top:var(--space-1)}.hh-list{display:flex;flex-direction:column;gap:var(--space-3)}.hh-row{display:flex;align-items:center;gap:var(--space-4);background:var(--nx-bg-surface);border:1px solid var(--nx-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4) var(--space-5);transition:box-shadow var(--dur) var(--ease)}.hh-row:hover{box-shadow:var(--shadow-md)}.hh-row-title{flex:1;font-weight:500;min-width:0}.hh-pill{font-size:var(--text-xs);font-weight:600;padding:3px 11px;border-radius:var(--radius-pill);display:inline-block;white-space:nowrap}.hh-pill-open{color:var(--status-open-fg);background:var(--status-open-bg)}.hh-pill-done{color:var(--status-done-fg);background:var(--status-done-bg)}.hh-pill-warn{color:var(--status-warn-fg);background:var(--status-warn-bg)}.hh-pill-danger{color:var(--status-danger-fg);background:var(--status-danger-bg)}.hh-empty{text-align:center;padding:var(--space-7) var(--space-5);color:var(--nx-text-muted);background:var(--nx-bg-surface);border:1px dashed var(--nx-border-light);border-radius:var(--radius-lg)}.refined .hh-card,.refined .hh-stat,.refined .hh-row{border-radius:var(--radius-md)}.refined .hh-card{box-shadow:var(--shadow-sm)}
