.protocol-page{--mono:ui-monospace, "Cascadia Code", "IBM Plex Mono", Consolas, monospace;-webkit-overflow-scrolling:touch;height:100%;min-height:0;padding:16px 16px calc(96px + env(safe-area-inset-bottom,0px));z-index:1;color:#f5f7fa;background:0 0;flex:auto;font-family:Arial Narrow,Roboto Condensed,Segoe UI,sans-serif;position:relative;overflow-y:auto}.protocol-shell{width:100%;max-width:1100px;margin:0 auto}.protocol-brand-zone{justify-content:center;height:calc(50dvh - 16px);display:flex}.protocol-brand{justify-content:center;align-self:flex-start;align-items:center;gap:10px;margin:4px 0 0;display:flex}.protocol-brand img{object-fit:contain;border-radius:6px;width:38px;height:38px}.protocol-brand span{letter-spacing:-.02em;color:#fff;font:900 clamp(22px,5vw,34px)/1 Arial,Helvetica,sans-serif}.protocol-brand .brand-slashes{color:#4dde1f}.protocol-content{-webkit-backdrop-filter:blur(12px);background:linear-gradient(#0000 0,#0e131aad 65px,#0e131acc 100px),radial-gradient(at 0 0,#4dde1f 0,#0000 48%) top/100% 100px no-repeat,radial-gradient(at 100% 0,#008cff 0,#0000 48%) top/100% 100px no-repeat;border:1px solid #ffffff1b;border-radius:28px;padding:34px 32px 48px;overflow:hidden}.protocol-kicker{text-align:center;color:#00d9ff;font-family:var(--mono);letter-spacing:1.2px;margin:0;font-size:11px}.protocol-title{text-align:center;color:#fff;margin:0 0 16px;font:700 26px/1.2 Arial Narrow,Roboto Condensed,Segoe UI,sans-serif}.compact-protocol-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}@media (width>=560px){.compact-protocol-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=720px){.compact-protocol-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px}}.compact-protocol{color:#f5f7fa;background:#0e131acc;border:1px solid #ffffff1b;border-radius:15px;flex-direction:column;min-width:0;min-height:222px;padding:18px;text-decoration:none;transition:transform .25s,border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.compact-protocol:after{content:"";border:1px solid var(--accent);opacity:.55;pointer-events:none;border-radius:50%;width:124px;height:124px;transition:transform .6s;position:absolute;bottom:-36px;right:-36px}.compact-protocol:hover{border-color:var(--accent);background:linear-gradient(135deg, color-mix(in srgb, var(--accent) 14%, #0e131a), #0e131a 70%);transform:translateY(-4px)}.compact-protocol:hover:after{transform:scale(1.15)}.compact-protocol:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.compact-protocol-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.protocol-code{color:var(--accent);font-family:var(--mono);letter-spacing:.08em;flex-wrap:wrap;align-items:center;gap:8px;font-size:.67rem;font-weight:800;display:inline-flex}.protocol-rhythm{background:color-mix(in srgb, var(--accent) 10%, transparent);letter-spacing:.02em;white-space:nowrap;border:1px solid;border-radius:5px;padding:4px 7px;font-size:.6rem;display:inline-block}.protocol-moment{color:#8b96a5;font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;font-size:.54rem}.compact-protocol h3{letter-spacing:-.025em;text-transform:uppercase;overflow-wrap:break-word;min-height:44px;margin:22px 0 10px;font-size:1.35rem;line-height:1.15}.compact-protocol p{color:#8b96a5;min-height:42px;margin:0 0 14px;font-size:14px;line-height:1.5}.rhythm-strip{gap:2px;height:30px;margin-top:auto;margin-bottom:14px;display:flex}.rhythm-strip i{flex:var(--w) 1 0;background:color-mix(in srgb, var(--seg) 65%, #000);border:1px solid color-mix(in srgb, var(--seg) 55%, #000);color:#fff;min-width:26px;font-family:var(--mono);letter-spacing:.04em;border-radius:5px;place-items:center;font-size:.54rem;font-style:normal;font-weight:700;display:grid}.rhythm-strip-legend{color:#66717f;min-height:14px;font-family:var(--mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:4px 12px;margin:-6px 0 0;font-size:.52rem;display:flex}@media (prefers-reduced-motion:reduce){.compact-protocol,.compact-protocol:after{transition:none}.compact-protocol:hover{transform:none}}@media (width<=760px){.protocol-content{padding:28px 20px 40px}}button.mood-banner{color:#071421;cursor:pointer;background:#4dde1f;border:0;border-radius:0 0 20px 20px;justify-content:center;align-items:center;gap:clamp(6px,2vw,12px);width:fit-content;max-width:100%;min-height:32.48px;margin:0 auto 14px;padding:1.84px 18px;display:flex}.mood-button-label{letter-spacing:.02em;white-space:nowrap;font:700 clamp(11.2px,4.48vw,27.3px)/1.02 Consolas,monospace}button.mood-banner .mood-next{flex:none;width:20.65px;display:block}button.mood-banner .mood-next svg{aspect-ratio:59/44;width:100%;height:auto;display:block;overflow:visible}button.mood-banner .mood-next svg path{animation:1.5s ease-in-out infinite mood-next-wave}button.mood-banner .mood-next svg path:nth-child(2){animation-delay:.2s}button.mood-banner .mood-next svg path:nth-child(3){animation-delay:.4s}button.mood-banner:focus-visible{outline-offset:3px;outline:2px solid #008cff}@keyframes mood-next-wave{0%,to{fill:#000}50%{fill:#008cff}}@media (prefers-reduced-motion:reduce){button.mood-banner .mood-next svg path{fill:#008cff;animation:none}}