:root{color-scheme:only light;--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", "PingFang SC", monospace;--display: var(--font-display);--sans: var(--font-sans);--body: var(--font-sans);--mono: var(--font-mono);--ink: #16181d;--ink-soft: #3c4250;--muted: #5a6270;--faint: #9098a4;--soft: var(--ink-soft);--blue: #0a84ff;--accent: #0a84ff;--accent-deep: #0060df;--accent-wash: rgba(10,132,255,.12);--cardinal: #8c1515;--cardinal-deep: #6e0f0f;--cardinal-wash: rgba(140,21,21,.1);--ok: #1a7f37;--ok-wash: rgba(26,127,55,.12);--warn-ink: #7a5a10;--warn: #b8860b;--warn-wash: rgba(184,134,11,.14);--danger: #d70015;--danger-ink: #b30012;--danger-wash: rgba(215,0,21,.1);--purple: #8944ab;--purple-wash: rgba(137,68,171,.12);--wp-base: #eef1f7;--wp-top: #f7f9fd;--wp-a: #c3dbff;--wp-b: #e6d9ff;--wp-c: #ffe4d1;--wp-d: #d2f1e2;--glass-hi: rgba(255,255,255,.72);--glass-md: rgba(255,255,255,.55);--glass-lo: rgba(255,255,255,.4);--specular: rgba(255,255,255,.95);--edge: rgba(22,28,45,.07);--edge-strong: rgba(22,28,45,.13);--chip: rgba(22,28,45,.05);--blur-lg: 28px;--blur-md: 18px;--blur-sm: 10px;--sat: 180%;--sat-soft: 150%;--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 22px;--r-xl: 28px;--r-pill: 999px;--r-tile: 15px;--radius: var(--r-md);--radius-sm: var(--r-sm);--shadow-1: 0 1px 1px rgba(22,28,45,.03), 0 4px 12px -6px rgba(22,28,45,.1);--shadow-2: 0 1px 2px rgba(22,28,45,.04), 0 10px 30px -12px rgba(22,28,45,.18);--shadow-3: 0 2px 4px rgba(22,28,45,.05), 0 24px 60px -20px rgba(22,28,45,.28);--shadow-sm: var(--shadow-1);--shadow-md: var(--shadow-2);--shadow: var(--shadow-1);--shadow-lift: var(--shadow-2);--line: var(--edge);--line-strong: var(--edge-strong);--ease: cubic-bezier(.22,.61,.36,1);--ease-spring: cubic-bezier(.34,1.3,.5,1);--ease-press: cubic-bezier(.3,0,.6,1);--dur-1: .14s;--dur-2: .26s;--dur-3: .48s;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--ring: 0 0 0 1px rgba(255,255,255,.8), 0 0 0 4px var(--accent-wash), 0 0 0 5px var(--accent)}body.wp-landing,body.wp-events,body.wp-proj,body.wp-class,body.wp-resources,body.wp-rizz{--accent: var(--cardinal);--accent-deep: var(--cardinal-deep);--accent-wash: var(--cardinal-wash)}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;background:var(--wp-base)}code,pre{font-family:var(--font-mono)}:focus-visible{outline:none;box-shadow:var(--ring)}body:before{content:"";position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.02'/%3E%3C/svg%3E") repeat,radial-gradient(42% 38% at 12% 8%,var(--wp-a) 0%,transparent 70%),radial-gradient(38% 34% at 88% 12%,var(--wp-b) 0%,transparent 70%),radial-gradient(46% 40% at 82% 86%,var(--wp-c) 0%,transparent 72%),radial-gradient(40% 36% at 10% 90%,var(--wp-d) 0%,transparent 72%),linear-gradient(180deg,var(--wp-top) 0%,var(--wp-base) 55%,#e9edf5 100%)}body.wp-events{--wp-a:#ffddcc;--wp-b:#f7d3d6;--wp-c:#e4d9ff;--wp-d:#fff0d9}body.wp-proj{--wp-a:#f6d3d3;--wp-b:#ffe3c9;--wp-c:#e0dcff;--wp-d:#fbe9ef}body.wp-class{--wp-a:#f3d2d2;--wp-b:#cfe0ff;--wp-c:#ffe9d4;--wp-d:#e6ddff}body.wp-resources{--wp-a:#cfeee0;--wp-b:#cbe1ff;--wp-c:#fdeccf;--wp-d:#e6dcff}body.wp-rizz{--wp-a:#f7d9de;--wp-b:#d6e2f0;--wp-c:#f6ead8;--wp-d:#e6e2ee}.glass{background:linear-gradient(180deg,#ffffffa8,#ffffff70);-webkit-backdrop-filter:blur(var(--blur-lg)) saturate(var(--sat));backdrop-filter:blur(var(--blur-lg)) saturate(var(--sat));border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--specular),inset 0 0 0 1px #ffffff4d,inset 0 -10px 18px -14px #161c2d1a,0 0 0 1px var(--edge),var(--shadow-2)}.glass-bar{background:linear-gradient(180deg,#ffffffbd,#ffffff85);-webkit-backdrop-filter:blur(var(--blur-md)) saturate(var(--sat));backdrop-filter:blur(var(--blur-md)) saturate(var(--sat));border-radius:var(--r-lg);box-shadow:inset 0 1px 0 var(--specular),0 0 0 1px var(--edge),0 8px 24px -16px #161c2d33;transform:translateZ(0)}.sheet{background:linear-gradient(180deg,#fffc,#ffffffa8);border-radius:var(--r-md);box-shadow:inset 0 1px 0 var(--specular),inset 0 -6px 12px -10px #161c2d14,0 0 0 1px var(--edge),var(--shadow-1)}.sheet-raised{background:linear-gradient(180deg,#ffffffe6,#ffffffc2);box-shadow:inset 0 1px 0 var(--specular),inset 0 -6px 12px -10px #161c2d0f,0 0 0 1px var(--edge-strong),var(--shadow-2)}.sheet-tinted{--tint: 10 132 255;background:linear-gradient(180deg,rgb(var(--tint) / .1),rgb(var(--tint) / .05) 45%,#ffffffb8);border-radius:var(--r-md);box-shadow:inset 0 1px 0 var(--specular),inset 0 -1px 1px rgb(var(--tint) / .1),0 0 0 1px rgb(var(--tint) / .24),var(--shadow-1)}.glass-pill{background:linear-gradient(180deg,#ffffffe0,#ffffffa3);border-radius:var(--r-pill);box-shadow:inset 0 1px 0 var(--specular),0 0 0 1px var(--edge),0 2px 8px -2px #161c2d1f}.glass-pill--floating{-webkit-backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat-soft));backdrop-filter:blur(var(--blur-sm)) saturate(var(--sat-soft))}.pill-on-recipe{background:var(--ink);color:#fff;box-shadow:inset 0 1px #ffffff38,var(--shadow-1)}.lensed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(155deg,rgba(255,255,255,.95),rgba(255,255,255,.15) 30%,rgba(255,255,255,0) 55%,var(--accent-wash) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn-primary-recipe{font:600 .95em var(--font-sans);color:#fff;cursor:pointer;border:0;border-radius:var(--r-pill);padding:11px 22px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 78%,#fff) 0%,var(--accent) 55%,var(--accent-deep) 100%);box-shadow:inset 0 1px #ffffff73,inset 0 -1px 1px color-mix(in srgb,var(--accent-deep) 40%,transparent),0 0 0 1px color-mix(in srgb,var(--accent-deep) 45%,transparent),0 6px 16px -6px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform var(--dur-1) var(--ease-press),box-shadow var(--dur-2) var(--ease)}.input-recipe{font:500 .95em var(--font-sans);color:var(--ink);background:#ffffff9e;border:0;border-radius:var(--r-sm);padding:10px 12px;box-shadow:inset 0 1px 2px #161c2d12,inset 0 -1px #ffffffb3,0 0 0 1px var(--edge);transition:box-shadow var(--dur-2) var(--ease)}.input-recipe:focus{outline:none;box-shadow:inset 0 1px 2px #161c2d0d,var(--ring)}.input-recipe::placeholder{color:var(--muted)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.glass,.glass-bar,.glass-pill--floating,.lock-card,.jumpbar,.appbar,.ev-topbar,.pg-topbar,.res-head,.ld-owner{background:#ffffffed}}@supports (corner-shape: squircle){.glass,.glass-bar,.sheet,.tile,.card,.lock-card,.jumpbar,.appbar,.home-next,.ccard,.chip{corner-shape:squircle}}@keyframes glass-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes ld-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes cl-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes res-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes ev-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes pg-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes rz-rise{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@keyframes shine-sweep{0%{transform:translate(-130%) skew(-18deg)}to{transform:translate(260%) skew(-18deg)}}.tile:after,.lock-btn:after,.lock-card.unlocking .lock-sweep{content:"";position:absolute;top:0;bottom:0;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-130%) skew(-18deg);pointer-events:none}.lock-btn{position:relative;overflow:hidden}.lock-card{overflow:hidden}.lock-card.unlocking:after{content:"";position:absolute;top:0;bottom:0;left:0;width:45%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.65),transparent);transform:translate(-130%) skew(-18deg);animation:shine-sweep .55s var(--ease) both;pointer-events:none}.lock-card.unlocking{animation:none;transform:scale(1.015);transition:transform .5s var(--ease-spring)}@media (hover: hover){.appicon:hover .tile:after,.lock-btn:hover:after,.lock-btn:focus-visible:after{animation:shine-sweep .7s var(--ease) 1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important}}