header.sticky.top-0{background:color-mix(in oklch, var(--color-foreground) 96%, transparent);color:var(--color-primary-foreground);border-bottom:2px solid var(--color-primary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 8px 24px oklch(19.8% .002 106/.14)}header.sticky.top-0 h1{letter-spacing:.015em}header.sticky.top-0 p{color:var(--color-primary);opacity:.95}header.sticky.top-0 button{color:var(--color-primary-foreground);background:oklch(100% 0 0/.07);border-color:oklch(100% 0 0/.28);transition:background-color .14s,border-color .14s,transform .14s}header.sticky.top-0 button:active{transform:translateY(1px)}main.pb-28{background:linear-gradient(to bottom, oklch(100% 0 0/.18), transparent 84px), var(--color-wall)}#wall-menu{background:color-mix(in oklch, var(--color-card) 95%, transparent);box-shadow:0 12px 28px oklch(19.8% .002 106/.1)}#wall-menu>div{max-width:1180px;margin-inline:auto}#wall-menu button,#wall-menu a,#wall-menu input{transition:background-color .14s,border-color .14s,color .14s}#wall-menu button:hover,#wall-menu a:hover{border-color:color-mix(in oklch, var(--color-primary) 55%, var(--color-foreground))}.z-\[60\]{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:oklch(12% .003 106/.64)}.z-\[60\]>.pop-in{ring:none;border:1px solid oklch(19.8% .002 106/.18);border-radius:10px 10px 0 0;overflow-x:hidden;box-shadow:0 24px 70px oklch(12% .003 106/.32)}.z-\[60\]>.pop-in>div:first-child{border-bottom:2px solid var(--color-primary);min-height:52px;padding-inline:16px}.z-\[60\]>.pop-in>div:first-child button{opacity:.78;padding:7px 4px}.z-\[60\]>.pop-in>div:nth-child(2){background:var(--color-secondary);border-bottom-color:oklch(19.8% .002 106/.12)}.z-\[60\]>.pop-in>div:nth-child(2)>div{letter-spacing:.055em;justify-content:center;align-items:center;min-height:46px;display:flex}.z-\[60\]>.pop-in>.p-4{padding:18px}.z-\[60\] input:not([type=checkbox]):not([type=range]),.z-\[60\] textarea,.z-\[60\] input[type=file]{background:var(--color-card);border-color:oklch(19.8% .002 106/.18);min-height:42px;box-shadow:inset 0 1px oklch(100% 0 0/.5)}.z-\[60\] input:focus,.z-\[60\] textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in oklch, var(--color-primary) 18%, transparent);outline:none}.z-\[60\] button{transition:transform .1s,filter .14s,background-color .14s}.z-\[60\] button:not(:disabled):active{transform:translateY(1px)}.z-\[60\] button:not(:disabled):hover{filter:brightness(.98)}.z-\[60\] .border-primary\/50{border-color:color-mix(in oklch, var(--color-primary) 45%, transparent)}.z-\[60\] .bg-primary\/5{background:color-mix(in oklch, var(--color-primary) 4%, var(--color-card))}.z-\[60\] .bg-secondary{background:color-mix(in oklch, var(--color-secondary) 82%, var(--color-card))}@media (width>=1024px){.wall-scroll-viewport{height:calc(100dvh - 10rem);min-height:28rem;max-height:none!important}}@media (width<=639px){header.sticky.top-0{padding:10px 12px}header.sticky.top-0 h1{font-size:1.5rem}header.sticky.top-0 p{letter-spacing:.13em;margin-top:2px;font-size:.53rem}.z-\[60\]>.pop-in{border-radius:14px 14px 0 0;max-height:94dvh;box-shadow:0 -18px 50px oklch(12% .003 106/.28)}.z-\[60\]>.pop-in>.p-4{padding:14px}.z-\[60\]>.pop-in>div:nth-child(2)>div{letter-spacing:.025em;min-height:42px;font-size:.58rem}#wall-menu{padding-bottom:10px}}@media (width>=1024px){.wall-drift-status{z-index:35;background:var(--color-background);border-top:1px solid color-mix(in oklch, var(--color-foreground) 12%, transparent);inset-inline:0;position:fixed;bottom:6.4rem}}
