*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-optical-sizing:auto;color:#161616;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#eef0f2;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit;color:inherit}button{appearance:none;cursor:pointer;background:0 0;border:0;padding:0}button:focus-visible{outline-offset:3px;outline:2px solid}h1,p,blockquote,ul{margin:0}.app{background:var(--app-bg,#eef0f2);min-height:100dvh;color:var(--app-fg,#161616);transition:background-color .28s,color .26s;position:relative;overflow:hidden}.app--lab{--app-bg:#eef0f2;--app-fg:#161616;--switcher-bg:#ffffffdb;--switcher-fg:#2a2a2a;--switcher-active-bg:#161616;--switcher-active-fg:#f4f4f4;--switcher-border:#16161614}.app--grass{--app-bg:#3f6b2a;--app-fg:#16210e;--switcher-bg:#ffffffe0;--switcher-fg:#24331a;--switcher-active-bg:#1b2a12;--switcher-active-fg:#f7f4ea;--switcher-border:#1b2a1214}.app--dark{--app-bg:#121212;--app-fg:#ece8df;--switcher-bg:#1c1c1ce6;--switcher-fg:#cfc9bd;--switcher-active-bg:#f5d328;--switcher-active-fg:#121212;--switcher-border:#ffffff14}.view{min-height:100dvh;animation:.28s view-in}@keyframes view-in{0%{opacity:0}to{opacity:1}}.icon-18{width:18px;height:18px}.icon-20{width:20px;height:20px}.icon-22{width:22px;height:22px}.icon-24{width:24px;height:24px;display:block}.view-switcher{z-index:20;background:var(--switcher-bg);border:1px solid var(--switcher-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:999px;gap:2px;padding:4px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000001f}.view-switcher button{min-width:72px;color:var(--switcher-fg);letter-spacing:.01em;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:background-color .2s,color .2s}.view-switcher button.is-active{background:var(--switcher-active-bg);color:var(--switcher-active-fg)}.film-grain{pointer-events:none;opacity:.16;mix-blend-mode:overlay;background-image: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='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}@media (width<=720px){.view-switcher{width:calc(100% - 24px);max-width:360px;bottom:12px}.view-switcher button{flex:1;min-width:0;padding:10px 8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.lab-view{grid-template-rows:auto 1fr auto;min-height:100dvh;padding:28px 36px 96px;display:grid}.lab-top{justify-content:space-between;align-items:center;display:flex}.lab-brand{letter-spacing:-.03em;font-size:18px;font-weight:700}.lab-return{color:#6b7178;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.lab-stage{place-items:center;padding:24px 0 12px;display:grid;position:relative}.lab-card{aspect-ratio:1/1.04;background:#f7f9fb;border-radius:28px;width:min(560px,100vw - 48px);position:relative;overflow:hidden;box-shadow:0 18px 50px #1c242c14}.lab-card-grid{background-image:repeating-linear-gradient(90deg,#7a9ebc38 0 1px,#0000 1px 14px),repeating-linear-gradient(#7a9ebc38 0 1px,#0000 1px 14px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(72% 72% at 50% 48%,#0000 12%,#000 78%);mask-image:radial-gradient(72% 72% at 50% 48%,#0000 12%,#000 78%)}.lab-quote{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:48px 40px;display:flex;position:relative}.lab-quote p{letter-spacing:-.03em;color:#2a2e33;max-width:16ch;font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(1.6rem,3.4vw,2.45rem);font-weight:500;line-height:1.18}.lab-quote footer{color:#8a9198;margin-top:18px;font-size:13px;font-weight:500}.lab-refresh{color:#f3f3f3;background:#161616;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;bottom:18%;right:max(0px,50% - 320px);box-shadow:0 10px 24px #0000002e}.lab-meta{justify-content:space-between;align-items:baseline;width:min(560px,100vw - 48px);margin:0 auto;padding:4px 4px 0;display:flex}.lab-lens{font-size:15px;font-weight:700}.lab-date{color:#8a9198;font-size:14px}.grass-view{background:radial-gradient(90% 55% at 50% -10%,#d7e9f6 0%,#0000 58%),linear-gradient(#b9d3ea 0%,#f0d37a 26%,#c4d66a 42%,#6ebc45 68%,#3f6b2a 100%);place-items:center;padding:32px 20px 108px;display:grid;position:relative}.grass-sky,.grass-field,.grass-flowers{pointer-events:none;position:absolute;inset:0}.grass-sky{background:radial-gradient(40% 28% at 18% 12%,#ffffff8c,#0000 70%),radial-gradient(50% 30% at 82% 8%,#f5d32859,#0000 70%)}.grass-field{background:radial-gradient(70% 40% at 20% 92%,#3f6b2a 0%,#0000 60%),radial-gradient(50% 34% at 82% 88%,#6ebc45 0%,#0000 55%),radial-gradient(40% 24% at 58% 78%,#c4d66a 0%,#0000 60%)}.grass-flowers{background:radial-gradient(circle at 18% 72%,#f5d328 0 4px,#0000 5px),radial-gradient(circle at 28% 80%,#e85d44 0 3px,#0000 4px),radial-gradient(circle at 72% 76%,#f7f4ea 0 3px,#0000 4px),radial-gradient(circle at 81% 84%,#f5d328 0 5px,#0000 6px),radial-gradient(circle at 46% 86%,#e85d44 0 3px,#0000 4px),radial-gradient(circle at 62% 70%,#fff 0 2px,#0000 3px)}.grass-card{z-index:1;background:#fff;border-radius:24px;width:min(420px,100%);padding:28px 28px 22px;position:relative;box-shadow:0 22px 50px #1c2a1238}.grass-badge{color:#3f6b2a;background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid;box-shadow:0 0 0 1px #1616160f,0 8px 20px #3f6b2a1f}.grass-refresh{color:#f6f3ea;background:#161616;border-radius:999px;margin:0 auto 22px;padding:10px 22px;font-size:14px;font-weight:600;display:block}.grass-quote{letter-spacing:-.03em;color:#141414;font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(1.35rem,4vw,1.7rem);font-weight:600;line-height:1.22}.grass-attr{color:#7a7a7a;margin-top:10px;font-size:14px;font-weight:500}.grass-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:28px;display:flex}.grass-progress{color:#5c5c5c;align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.grass-actions{align-items:center;gap:10px;display:inline-flex}.grass-skip{color:#6a6a6a;padding:8px 6px;font-size:14px;font-weight:600}.grass-next{color:#161616;background:#ececec;border-radius:12px;padding:9px 16px;font-size:14px;font-weight:600}.dark-view{color:#ece8df;background:#121212;min-height:100dvh;padding:36px 36px 108px 92px;position:relative;overflow:hidden}.dark-grain{opacity:.12;mix-blend-mode:screen}.dark-spine{color:#121212;background:#f5d328;width:52px;position:absolute;top:0;bottom:0;left:0}.dark-spine span{white-space:nowrap;letter-spacing:.42em;text-transform:uppercase;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.dark-refresh{z-index:2;color:#ece8df;border:1px solid #ece8df73;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.dark-blobs{opacity:.9;mix-blend-mode:screen;pointer-events:none;width:min(720px,78vw);height:auto;position:absolute;top:6%;right:-8%}.blob{mix-blend-mode:screen}.blob-a{fill:#e85d44;opacity:.72}.blob-b{fill:#0076c0;opacity:.62}.blob-c{fill:#6ebc45;opacity:.58}.blob-d{fill:#f5d328;opacity:.5}.dark-copy{z-index:1;max-width:18ch;margin-top:18vh;position:relative}.dark-attr{color:#b8b2a6;letter-spacing:.22em;text-transform:uppercase;margin-bottom:16px;font-size:12px;font-weight:600}.dark-quote{letter-spacing:-.035em;color:#f4f0e6;font-family:Fraunces,ui-serif,Georgia,serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:500;line-height:1.08}.dark-lenses{z-index:1;color:#8f8a80;letter-spacing:.18em;text-transform:uppercase;gap:8px;margin-top:18vh;padding:0;font-size:12px;font-weight:600;list-style:none;display:grid;position:relative}.dark-lenses .is-active{color:#f4f0e6;font-weight:800}@media (width<=720px){.lab-view{padding:20px 16px 96px}.lab-card{aspect-ratio:1/1.08;border-radius:24px;width:100%}.lab-quote{padding:32px 24px}.lab-refresh{bottom:12%;right:8px}.lab-meta{width:100%}.grass-card{padding:24px 20px 18px}.dark-view{padding:28px 20px 108px 64px}.dark-spine{width:40px}.dark-copy{max-width:100%;margin-top:12vh}.dark-lenses{margin-top:12vh}}