.error-notice-viewport{z-index:160;top:max(12px, env(safe-area-inset-top));pointer-events:none;gap:8px;width:min(352px,100vw - 22px);display:grid;position:fixed;bottom:auto;left:50%;transform:translate(-50%)}.error-notice-viewport.has-tabbar{top:max(12px, env(safe-area-inset-top));bottom:auto}.error-notice{--error-accent:#a98ab2;isolation:isolate;border:1px solid color-mix(in srgb, var(--error-accent) 20%, #dfe7d217);color:#edf0e8;background:radial-gradient(circle at 11% 44%, color-mix(in srgb, var(--error-accent) 8%, transparent), transparent 30%), linear-gradient(145deg, #161914fb, #090b08fc);pointer-events:auto;border-radius:18px;grid-template-columns:66px minmax(0,1fr) 32px;align-items:center;min-height:82px;padding:8px 8px 8px 7px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 34px #0000004f,inset 0 1px #ffffff0a}.error-notice:before{content:"";z-index:-1;background:linear-gradient(105deg, #ffffff05, transparent 34%, transparent 76%, color-mix(in srgb, var(--error-accent) 2%, transparent));pointer-events:none;border-radius:17px;position:absolute;inset:1px}.error-notice--validation{--error-accent:#d6a653}.error-notice--access{--error-accent:#c98ba9}.error-notice--conflict{--error-accent:#d98b55}.error-notice--not-found{--error-accent:#76c8ce}.error-notice--waiting{--error-accent:#b9cf68}.error-notice--internal{--error-accent:#a98ab2}.error-notice__mascot{place-items:center;width:66px;height:66px;display:grid;position:relative;overflow:visible}.error-notice__mascot:after{content:"";background:color-mix(in srgb, var(--error-accent) 7%, transparent);filter:blur(6px);pointer-events:none;border-radius:50%;width:32px;height:7px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.error-mascot{z-index:2;width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 5px 7px #00000042);transform-origin:50% 84%;position:relative;overflow:visible}.error-notice__copy{align-content:center;gap:2px;min-width:0;padding:1px 5px 1px 0;display:grid}.error-notice__copy>small{color:color-mix(in srgb, var(--error-accent) 72%, #a9afa2);font-family:var(--font-meta);letter-spacing:.1em;font-size:9px;font-weight:600;line-height:1.15}.error-notice__copy>strong{color:#f0f2eb;letter-spacing:-.018em;font-size:13px;font-weight:720;line-height:1.14}.error-notice__copy>span{color:#92988b;max-width:226px;margin-top:1px;font-size:10px;font-weight:520;line-height:1.3}.error-notice__copy>em{color:#686e64;font-family:var(--font-meta);letter-spacing:.05em;margin-top:2px;font-size:9px;font-style:normal;font-weight:600}.error-notice__close{color:#7f857a;background:0 0;border-radius:9px;place-self:start end;width:32px;height:32px;margin:0;transition:background .16s,transform .16s;position:relative}.error-notice__close:hover{background:#ffffff06}.error-notice__close:active{background:#ffffff09;transform:scale(.94)}.error-notice__close i{transform-origin:50%;background:currentColor;width:10px;height:1.5px;position:absolute;top:15px;left:11px}.error-notice__close i:first-child{transform:rotate(45deg)}.error-notice__close i:last-child{transform:rotate(-45deg)}.error-notice__signal{opacity:.4;align-items:end;gap:2px;height:8px;display:flex;position:absolute;bottom:8px;right:11px}.error-notice__signal i{background:var(--error-accent);width:2px;display:block}.error-notice__signal i:first-child{opacity:.4;height:2px}.error-notice__signal i:nth-child(2){opacity:.65;height:4px}.error-notice__signal i:nth-child(3){height:7px}@media (prefers-reduced-motion:no-preference){.error-notice--validation .error-mascot,.error-notice--conflict .error-mascot{animation:5.8s step-end infinite error-mascot-nudge}.error-notice--waiting .error-mascot{animation:7s ease-in-out infinite error-mascot-wait}.error-notice--not-found .error-mascot{animation:7.6s step-end infinite error-mascot-look}.error-notice--internal .error-notice__signal{animation:4.2s step-end infinite error-notice-signal}}@keyframes error-mascot-nudge{0%,74%,to{transform:translate(0)rotate(0)}78%{transform:translate(-1px)rotate(-1deg)}82%{transform:translate(1px)rotate(1deg)}86%{transform:translate(0)rotate(0)}}@keyframes error-mascot-wait{0%,to{transform:translateY(0)}50%{transform:translateY(-1px)}}@keyframes error-mascot-look{0%,70%,to{transform:translate(0)}74%,82%{transform:translate(1px)}}@keyframes error-notice-signal{0%,64%,to{opacity:.28}68%{opacity:.65}71%{opacity:.2}74%{opacity:.48}}@media (width<=374px){.error-notice-viewport{width:calc(100vw - 16px)}.error-notice{grid-template-columns:60px minmax(0,1fr) 32px;min-height:78px;padding-left:5px}.error-notice__mascot{width:60px;height:60px}.error-mascot{width:58px;height:58px}.error-notice__copy>strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.error-notice__close{transition:none}}
