:root{--title-font: "Nickainley", "Sacramento", cursive;--ui-font: "Inter", system-ui, -apple-system, sans-serif;--radius: 14px}[data-theme=monet]{--bg: #e8edf2;--surface: #f4f7fa;--surface-2: #dde7ef;--ink: #2c3540;--ink-soft: #5b6b7a;--accent: #c99b8c;--water: #8fa9c4;--sage: #b8c9a8;--chrome-blur: rgba(244,247,250,.72)}[data-theme=light]{--bg: #faf9f7;--surface: #ffffff;--surface-2: #f0eeea;--ink: #1c1c1c;--ink-soft: #6a6a6a;--accent: #b07d5a;--water: #9aa7b3;--sage: #c2c9b8;--chrome-blur: rgba(255,255,255,.78)}[data-theme=dark]{--bg: #14171c;--surface: #1d2127;--surface-2: #262b33;--ink: #e8eaed;--ink-soft: #9aa1ab;--accent: #d9a98c;--water: #5a7390;--sage: #7e9070;--chrome-blur: rgba(29,33,39,.78)}[data-theme=sepia]{--bg: #efe6d6;--surface: #f7f0e3;--surface-2: #e3d6bf;--ink: #3a2f22;--ink-soft: #7a6a54;--accent: #a8743f;--water: #b6a079;--sage: #b9b083;--chrome-blur: rgba(247,240,227,.78)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--ui-font);-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.app{min-height:100%}.layout{display:flex;align-items:flex-start}.brand{position:sticky;top:0;align-self:flex-start;width:132px;flex:0 0 132px;padding:24px 14px;display:flex;flex-direction:column;gap:22px}.brand h1{font-family:var(--title-font);font-weight:400;font-size:2.5rem;line-height:.95;margin:0;color:var(--ink);word-break:break-word}.brand .toolbar{display:flex;flex-direction:column;gap:12px}.iconbtn{width:46px;height:46px;border:none;border-radius:50%;background:var(--surface);color:var(--ink);cursor:pointer;display:grid;place-items:center;box-shadow:0 1px 4px #00000014;transition:transform .15s ease,background .2s ease}.iconbtn:hover{transform:translateY(-2px);background:var(--surface-2)}.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.iconbtn svg{width:22px;height:22px}.feed{flex:1;padding:24px 24px 64px;columns:5;column-gap:14px}@media (max-width: 1600px){.feed{columns:4}}@media (max-width: 1200px){.feed{columns:3}}@media (max-width: 860px){.feed{columns:2}}.tile{break-inside:avoid;margin-bottom:14px;position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;background:var(--surface-2);display:block;width:100%;box-shadow:0 1px 3px #0000000f}.tile img{width:100%;display:block;transition:transform .5s ease,filter .5s ease}.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;background:radial-gradient(120% 120% at 50% 50%,transparent 55%,rgba(143,169,196,.28));transition:opacity .4s ease;pointer-events:none}.tile:hover img{transform:scale(1.04)}.tile:hover:after{opacity:1}.tile:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.tile .play{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:#00000080;display:grid;place-items:center}.tile .play svg{width:14px;height:14px;fill:#fff}.tile .desc{position:absolute;left:0;right:0;padding:8px 12px;color:#fff;font-size:.8rem;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.7);background:linear-gradient(transparent,#00000073);display:flex}.desc.pos-top{top:0;background:linear-gradient(rgba(0,0,0,.45),transparent);align-items:flex-start}.desc.pos-bottom{bottom:0;align-items:flex-end}.desc.left{justify-content:flex-start}.desc.middle{justify-content:center;text-align:center}.desc.right{justify-content:flex-end;text-align:right}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:40;animation:fade .2s ease}@keyframes fade{0%{opacity:0}to{opacity:1}}.searchwrap{position:fixed;top:6vh;left:50%;transform:translate(-50%);width:min(560px,92vw);z-index:50}.searchbar{display:flex;align-items:center;gap:10px;background:var(--surface);border-radius:28px;padding:12px 20px;box-shadow:0 8px 30px #0000002e}.searchbar input{flex:1;border:none;background:transparent;color:var(--ink);font-family:var(--ui-font);font-size:1.05rem;outline:none}.suggestions{margin-top:8px;background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px #0000002e}.suggestion{padding:12px 20px;cursor:pointer;display:flex;justify-content:space-between;gap:12px;color:var(--ink)}.suggestion:hover,.suggestion.active{background:var(--surface-2)}.suggestion small{color:var(--ink-soft)}.menu{position:fixed;top:6vh;left:50%;transform:translate(-50%);width:min(640px,94vw);max-height:84vh;overflow:auto;z-index:50;background:var(--surface);border-radius:18px;padding:8px 0 20px;box-shadow:0 12px 40px #00000038}.tabs{display:flex;gap:4px;padding:12px 18px;position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--surface-2)}.tab{flex:1;padding:10px;border:none;border-radius:10px;cursor:pointer;background:transparent;color:var(--ink-soft);font-family:var(--ui-font);font-weight:500;font-size:.95rem}.tab.active{background:var(--surface-2);color:var(--ink)}.panel{padding:18px 22px;display:flex;flex-direction:column;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field>label{font-weight:600;font-size:.9rem}.field select,.field input[type=range]{font-family:var(--ui-font)}.field select{padding:10px 12px;border-radius:10px;border:1px solid var(--surface-2);background:var(--bg);color:var(--ink)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.checks{display:flex;flex-wrap:wrap;gap:8px}.chk{display:flex;align-items:center;gap:6px;padding:7px 12px;border-radius:20px;background:var(--bg);cursor:pointer;font-size:.9rem;border:1px solid var(--surface-2)}.chk.on{background:var(--water);color:#fff;border-color:var(--water)}.toggle{width:46px;height:26px;border-radius:14px;background:var(--surface-2);position:relative;cursor:pointer;border:none;flex:0 0 auto}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle.on{background:var(--accent)}.toggle.on:after{transform:translate(20px)}.scalelabel{font-size:.8rem;color:var(--ink-soft);min-width:64px;text-align:right}.rangeslider{position:relative;height:34px}.rangeslider .track{position:absolute;top:50%;left:0;right:0;height:5px;transform:translateY(-50%);background:var(--surface-2);border-radius:3px}.rangeslider .track-fill{position:absolute;top:50%;height:5px;transform:translateY(-50%);background:var(--water);border-radius:3px}.rangeslider input[type=range]{position:absolute;top:0;left:0;width:100%;height:34px;margin:0;background:none;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.rangeslider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;box-shadow:0 1px 4px #0000004d;cursor:pointer}.rangeslider input[type=range]::-moz-range-thumb{pointer-events:auto;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid #fff;cursor:pointer}.rangeslider input[type=range]::-webkit-slider-runnable-track{background:none}.rangeslider input[type=range]::-moz-range-track{background:none}.slideshow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;overflow:hidden}.stage-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.layer{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.slideshow img,.slideshow video{max-width:100%;max-height:100%;object-fit:contain}.ss-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#bbb;font-size:1rem}.layer.incoming{z-index:2}.layer.outgoing{z-index:1}.layer.incoming.enter-fade{animation:layerFadeIn var(--t,.5s) ease forwards}.layer.outgoing{animation:layerFadeOut var(--t,.5s) ease forwards}.layer.incoming.enter-slide-up{animation:layerSlideUp var(--t,.5s) ease forwards}.layer.incoming.enter-slide-left{animation:layerSlideLeft var(--t,.5s) ease forwards}@keyframes layerFadeIn{0%{opacity:0}to{opacity:1}}@keyframes layerFadeOut{0%{opacity:1}to{opacity:0}}@keyframes layerSlideUp{0%{opacity:0;transform:translateY(6%)}to{opacity:1;transform:none}}@keyframes layerSlideLeft{0%{opacity:0;transform:translate(6%)}to{opacity:1;transform:none}}.slideshow .ssdesc{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:#fff;font-weight:500;text-shadow:0 1px 6px rgba(0,0,0,.8)}.ssbtn{position:absolute;background:#ffffff1f;border:none;color:#fff;width:52px;height:52px;border-radius:50%;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ssbtn:hover{background:#ffffff38}.ssbtn.prev{left:18px;top:50%;transform:translateY(-50%)}.ssbtn.next{right:18px;top:50%;transform:translateY(-50%)}.ssbtn.exit{top:18px;right:18px;width:46px;height:46px}.ssbtn svg{width:22px;height:22px;fill:#fff}.ss-hidden{opacity:0;pointer-events:none;transition:opacity .3s}.ss-visible{opacity:1;transition:opacity .3s}.mockbadge{position:fixed;bottom:12px;left:12px;z-index:30;font-size:.72rem;background:var(--accent);color:#fff;padding:5px 10px;border-radius:8px;opacity:.85}@media (max-width: 760px) and (orientation: portrait){.layout{flex-direction:column}.brand{position:static;width:100%;flex:none;flex-direction:row;align-items:center;justify-content:space-between;padding:18px 18px 8px}.brand h1{font-size:2.6rem}.feed{columns:2;padding:12px 12px 60px}}@media (max-width: 480px){.feed{columns:2;column-gap:10px}.tile{margin-bottom:10px}}@media (prefers-reduced-motion: reduce){*,*:after{animation:none!important;transition:none!important}}