.err{--tone:var(--primary);--tone-soft:color-mix(in srgb, var(--tone) 16%, transparent);--tone-line:color-mix(in srgb, var(--tone) 45%, transparent);--tone-ink:color-mix(in srgb, var(--tone) 50%, #fff);min-height:calc(100dvh - var(--topbar-h) - var(--tabbar-h) - var(--safe-bottom) - 48px);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:12px 0;display:flex;position:relative}.err:before{content:"";z-index:-1;background:radial-gradient(closest-side, color-mix(in srgb, var(--tone) 20%, transparent), transparent);pointer-events:none;position:absolute;inset:-10% -20%}.err--violet{--tone:#8b5cf6}.err--grey{--tone:#94a3b8}.err--gold{--tone:#e2b13c}.err--blue{--tone:#5c9ee6}.err--rose{--tone:#f43f5e}.err--teal{--tone:#2dd4bf}.err--amber{--tone:#f5a524}.err--sky{--tone:#38bdf8}.err--prism{--tone:#a66bff}.err__copy{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;display:flex}.err__eyebrow{border:1px solid var(--tone-line);border-radius:var(--pill);background:var(--tone-soft);color:var(--tone-ink);font:700 .75rem var(--font-brand);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.err__eyebrow:before{content:"";background:var(--tone);width:7px;height:7px;box-shadow:0 0 0 4px var(--tone-soft);border-radius:50%}.err h1{text-wrap:balance;font-size:1.8rem;line-height:1.12}.err__copy>p{color:var(--muted);text-wrap:pretty;line-height:1.55}.err__copy>p strong{color:var(--text);font-weight:600}.err__path{background:var(--surface-3);color:#fda4af;word-break:break-all;border-radius:6px;padding:2px 7px;font-size:.85em}.err__actions{flex-direction:column;gap:10px;width:100%;margin-top:6px;display:flex}.err__actions .button,.err__actions button{min-height:48px;padding:0 22px;font-size:.95rem}.err__note{color:var(--muted);font-size:.85rem}.err__tile{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);width:100%;color:var(--text);text-align:left;align-items:center;gap:12px;padding:12px 14px;display:flex}a.err__tile:hover{border-color:var(--border-strong);color:var(--text)}.err__tile-icon{background:var(--tone-soft);width:36px;height:36px;color:var(--tone-ink);border-radius:10px;flex:none;place-items:center;display:grid}.err__tile-text{min-width:0;color:var(--muted);flex:1;font-size:.82rem;line-height:1.4}.err__tile-text strong{color:var(--text);font-size:.95rem;font-weight:600;display:block}.err__ref{border-style:dashed;border-color:var(--border-strong)}.err__ref strong{letter-spacing:.04em;font-family:ui-monospace,SF Mono,Menlo,monospace}.err__details{border:1px solid var(--border);border-radius:var(--r);background:var(--surface);width:100%;color:var(--muted);text-align:left;font-size:.82rem}.err__details summary{cursor:pointer;padding:12px 14px;font-weight:500}.err__details pre{white-space:pre-wrap;word-break:break-word;color:#c9c4e2;margin:0;padding:0 14px 14px;font:.75rem/1.6 ui-monospace,SF Mono,Menlo,monospace}.err__ring{flex:none;width:52px;height:52px;position:relative}.err__ring svg{width:52px;height:52px;transform:rotate(-90deg)}.err__ring circle{fill:none;stroke-width:4px}.err__ring circle:first-child{stroke:var(--surface-3)}.err__ring circle:last-child{stroke:var(--tone);stroke-linecap:round;transition:stroke-dashoffset 1s linear}.err__ring b{font:800 1.05rem var(--font-brand);place-items:center;display:grid;position:absolute;inset:0}.err__timer{align-items:center;gap:8px;display:flex}.err__timer span{border:1px solid var(--tone-line);border-radius:var(--r);background:var(--surface-2);min-width:64px;box-shadow:inset 0 -10px 20px #00000040, 0 0 24px var(--tone-soft);color:var(--tone-ink);font:800 2.4rem/1 var(--font-brand);font-variant-numeric:tabular-nums;padding:10px 12px 8px}.err__timer small{color:var(--muted);font:600 .62rem var(--font);letter-spacing:.1em;text-transform:uppercase;margin-top:6px;display:block}.err__timer>b{color:var(--muted);font:800 1.9rem var(--font-brand)}.err__quote{border:1px solid var(--tone-line);background:var(--surface);text-align:left;white-space:pre-line;border-radius:18px 18px 18px 6px;width:100%;padding:16px 18px}.err__quote small{color:var(--muted);align-items:center;gap:8px;margin-top:10px;font-size:.75rem;display:flex}.err__quote small:before{content:"";background:linear-gradient(135deg,#4c2a99,#db2777);border-radius:50%;width:22px;height:22px}.err-card{aspect-ratio:5/7;flex:none;width:150px;position:relative;container-type:inline-size}.err-card--small{width:124px}.err-card__halo{background:radial-gradient(closest-side, color-mix(in srgb, var(--tone) 55%, transparent), transparent);filter:blur(18px);border-radius:50%;animation:4.5s ease-in-out infinite err-pulse;position:absolute;inset:-28%}.err-card__face{border:1.6cqw solid color-mix(in srgb, var(--tone) 75%, #fff 8%);background:radial-gradient(circle at 50% 42%,#2e1d5c,#150e2c 62%,#0f0a21);border-radius:9cqw;flex-direction:column;justify-content:space-between;align-items:center;padding:9cqw 6cqw;animation:6s ease-in-out infinite err-float;display:flex;position:absolute;inset:0;overflow:hidden;transform:rotate(-4deg);box-shadow:0 8cqw 18cqw #0000008c,inset 0 0 0 .6cqw #ffffff0f}.err-card__rays{background:repeating-conic-gradient(from 0deg at 50% 46%, color-mix(in srgb, var(--tone) 12%, transparent) 0 7deg, transparent 7deg 14deg);position:absolute;inset:-20%}.err-card__frame{border:.8cqw solid var(--tone-line);border-radius:5cqw;position:absolute;inset:5cqw}.err-card__label{color:var(--tone-ink);font:700 7.5cqw var(--font-brand);letter-spacing:.14em;text-transform:uppercase;position:relative}.err-card__medal{border:1.4cqw solid color-mix(in srgb, var(--tone) 85%, #fff 10%);width:56cqw;height:56cqw;box-shadow:0 0 12cqw color-mix(in srgb, var(--tone) 50%, transparent), inset 0 0 0 4cqw #0000002e;color:var(--tone-ink);background:radial-gradient(circle at 35% 30%,#34226a,#140d2b 70%);border-radius:50%;place-items:center;display:grid;position:relative}.err-card__medal:after{content:"";border:.6cqw dashed var(--tone-line);border-radius:50%;position:absolute;inset:7cqw}.err-card__medal svg{width:46%;height:46%}.err-card__medal b{background:linear-gradient(160deg, #fff4c2, var(--tone-ink) 60%);color:#0000;font:600 32cqw/1 var(--font-display);-webkit-background-clip:text;background-clip:text}.err-card__code{background:linear-gradient(180deg, #fff, var(--tone-ink));color:#0000;font:800 15cqw/1 var(--font-brand);letter-spacing:.02em;white-space:nowrap;-webkit-background-clip:text;background-clip:text;position:relative}.err-card__code--long{font-size:11cqw}.err-card--ghost .err-card__face{border-style:dashed;border-color:var(--tone-line);box-shadow:none;background:0 0;animation:5s ease-in-out infinite err-fade}.err-card--ghost .err-card__medal{box-shadow:none;background:0 0;border-style:dashed}.err-card--ghost .err-card__rays{opacity:.4}.err-card--torn .err-card__face{animation:none}.err-card--torn .err-card__face:nth-of-type(2){clip-path:polygon(0 0,100% 0,100% 46%,88% 52%,74% 45%,60% 53%,46% 46%,32% 54%,18% 47%,0 53%);transform:rotate(-9deg)translate(-4%,-5%)}.err-card--torn .err-card__face:nth-of-type(3){clip-path:polygon(0 53%,18% 47%,32% 54%,46% 46%,60% 53%,74% 45%,88% 52%,100% 46%,100% 100%,0 100%);transform:rotate(5deg)translate(5%,4%)}.err-card--stack .err-card__face:nth-of-type(2){filter:brightness(.6);animation:none;transform:rotate(-16deg)translate(-14%,2%)}.err-card--stack .err-card__face:nth-of-type(3){filter:brightness(.75);animation:none;transform:rotate(10deg)translate(14%,1%)}@property --err-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.err-card--prism .err-card__face{background:radial-gradient(circle at 50% 42%, #2e1d5c, #150e2c 62%, #0f0a21) padding-box, conic-gradient(from var(--err-angle), #ff6b6b, #ffc24d, #fff35c, #5cf29a, #5cc8ff, #a66bff, #ff6b6b) border-box;border-color:#0000;animation:6s ease-in-out infinite err-float,6s linear infinite err-spin}.err-card--prism .err-card__medal{border-color:#fff35c}@keyframes err-spin{to{--err-angle:360deg}}@keyframes err-float{50%{transform:rotate(-4deg)translateY(-3cqw)}}@keyframes err-pulse{50%{opacity:.55;transform:scale(.9)}}@keyframes err-fade{50%{opacity:.45}}.err-shell{min-height:100dvh;padding:var(--safe-top) var(--gutter) var(--safe-bottom);flex-direction:column;display:flex}.err-shell__head{justify-content:center;align-items:center;gap:12px;height:56px;display:flex}.err-shell__head .brand{color:var(--text);font:700 1.2rem var(--font-brand);align-items:center;gap:8px;display:flex}.err-shell__head .brand__mark{width:30px;height:30px}.err-shell .err{flex:1;min-height:0}.err-shell__foot{justify-content:center;gap:20px;padding:16px;font-size:.82rem;display:flex}.err-shell__foot a{color:var(--muted)}.update-sheet{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#06050c99;align-items:flex-end;display:flex;position:fixed;inset:0}.update-sheet .err{--tone:#a66bff;width:100%;min-height:0;padding:12px 20px calc(24px + var(--safe-bottom));border:1px solid var(--border-strong);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--surface);border-bottom:0;gap:14px;box-shadow:0 -20px 50px #00000080}.update-sheet .err:before{display:none}.update-sheet .err-card{width:104px;margin:8px 0 4px}.update-sheet h2{font-size:1.5rem}.update-sheet .err__actions{flex-direction:column}@media (width>=768px){.err{min-height:calc(100dvh - var(--topbar-h) - 96px);text-align:left;flex-direction:row;gap:88px}.err:before{inset:-10% 30% -10% -20%}.err-card{width:280px}.err-card--small{width:250px}.err__copy{align-items:flex-start;gap:16px;max-width:520px}.err h1{font-size:3rem}.err__copy>p{font-size:1.05rem}.err__actions{flex-flow:wrap;width:auto;margin-top:10px}.err__tile,.err__details,.err__quote{max-width:460px}.err-shell__head{justify-content:flex-start;height:64px;padding:0 16px}.update-sheet{justify-content:center;align-items:center}.update-sheet .err{border-bottom:1px solid var(--border-strong);border-radius:var(--r-lg);text-align:center;flex-direction:column;width:520px;padding:36px 40px 32px}.update-sheet .err__copy{align-items:center}.update-sheet .err-card{width:132px}.update-sheet h2{font-size:1.9rem}}@media (prefers-reduced-motion:reduce){.err-card *,.err__ring circle{transition:none!important;animation:none!important}}