.app-shell{width:min(1120px,100% - 40px);margin-inline:auto;padding-block:2rem 3rem}.state-card{max-width:680px;margin:10vh auto 0;padding:40px}.state-card h1,.dashboard h1,.hook-view h1{font-family:var(--font-body);letter-spacing:-.04em;margin:10px 0 14px;line-height:1.05}.state-card h1{font-size:clamp(32px,5vw,52px)}.state-card>p:last-of-type,.hero-copy>p,.hook-header p{color:var(--text-color-kumo-subtle,#666);line-height:1.6}.state-icon{min-height:36px;color:var(--text-color-kumo-info,#3451b2);align-items:center;display:flex}.state-icon.error{color:var(--text-color-kumo-danger,#c9362b)}.connection-help{margin-top:28px}.dashboard{grid-template-columns:minmax(0,1fr) 440px;align-items:start;gap:56px;padding-top:3vh;display:grid}.hero-copy{padding-top:28px}.hero-copy h1{max-width:560px;font-size:clamp(40px,6vw,68px)}.hero-copy>p{max-width:500px;font-size:17px}.device-card{padding:22px}.device-heading{grid-template-columns:auto 1fr;align-items:center;gap:13px;padding-bottom:20px;display:grid}.device-icon{background:var(--color-kumo-tint,#ececec);border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.label{color:var(--text-color-kumo-subtle,#666);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:700;display:block}.device-heading h2{margin:3px 0 0;font-size:17px}.permission-banner{margin-bottom:12px}.notification-cta{--kumo-button-emphasis-bg:#2f7d43!important;--kumo-button-emphasis-ring:#256835!important;--kumo-button-emphasis-gradient-start:#2f7d43!important;--kumo-button-emphasis-gradient-end:#256835!important;color:#fff!important;background:#2f7d43!important}.notification-cta:hover{--kumo-button-emphasis-bg:#256835!important}.setting-row{border-top:1px solid var(--color-kumo-line,#dedede);justify-content:space-between;align-items:center;gap:20px;padding:18px 2px;display:flex}.setting-row strong,.setting-row span{display:block}.setting-row strong{font-size:14px}.setting-row div>span{color:var(--text-color-kumo-subtle,#666);margin-top:3px;font-size:12px}.setting-row button[data-kumo-component=Switch][aria-checked=true]{background-color:var(--color-kumo-brand);--tw-ring-color:var(--color-kumo-brand-hover)}.setting-row button[data-kumo-component=Switch][aria-checked=true]>div{background-color:#fff}.button-row{border-top:1px solid var(--color-kumo-line,#dedede);justify-content:space-between;gap:10px;padding-top:18px;display:flex}.security-note{grid-column:2}.hook-view{max-width:900px;margin:0 auto}.hook-header{border-bottom:1px solid var(--color-kumo-line,#dedede);justify-content:space-between;align-items:end;gap:28px;margin-top:24px;padding-bottom:26px;display:flex}.hook-header h1{font-size:clamp(34px,5vw,56px)}.hook-header p{max-width:650px;font-size:16px}.hook-header time{white-space:nowrap;color:var(--text-color-kumo-subtle,#666);font:12px SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,monospace}.tag-list{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.code-card{margin-top:18px;padding:14px;overflow:hidden}.code-heading,.code-heading>div{align-items:center;display:flex}.code-heading{justify-content:space-between;gap:16px;margin-bottom:10px}.code-heading>div{gap:8px}.code-heading h2{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:13px}.code-card pre{white-space:pre-wrap;word-break:break-word;max-height:520px;overflow:auto}.code-card code,.code-card pre{font-family:var(--font-mono)}@media (width<=820px){main{margin-top:24px}.dashboard{grid-template-columns:1fr;gap:28px}.hero-copy{padding-top:0}.security-note{grid-column:1}}@media (width<=540px){.app-shell{width:calc(100% - 24px)}.state-card{padding:26px 20px}.device-card{padding:16px}.device-heading{grid-template-columns:auto 1fr}.device-heading>:last-child{grid-column:2;justify-self:start}.button-row{flex-direction:column;align-items:stretch}.hook-header{display:block}.hook-header time{margin-top:14px;display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}