:root{--bg:#fcf8f2;--paper:#fffefa;--ink:#303444;--muted:#71717f;--line:#e8e1df;--sage:#e6f0e9;--sage-strong:#cce1d8;--orange:#b8523f;--peach:#fce2d6;--player:#252735;--shadow:0 12px 30px #4336480d;--lavender:#eee6f7;--violet:#735092;--butter:#fcf0cb;--sky:#e5eff8;--mint:#e2efe8;--coral:#f9d9ce;--navy:#30374e;--card-tint:var(--mint);--card-accent:#376c61}

[hidden]{display:none!important}
body{background:var(--bg)}
button,a{touch-action:manipulation}
button{transition:background .18s,transform .18s,box-shadow .18s}
.site-header{height:91px;gap:27px;border-color:#e8e1df9c}
.brand{font-size:32px;letter-spacing:-1.7px}
.brand img{border-radius:14px}
.site-header nav{margin-left:auto;gap:27px;font-size:12px}
.site-header nav a{color:var(--muted);padding-block:8px;transition:color .15s}
.site-header nav a:hover{color:var(--violet)}
.site-header .nav-current{position:relative}
.site-header .nav-current:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--orange)}
.nav-favorites{display:flex;align-items:center;gap:7px;background:var(--lavender);color:var(--violet);padding:10px 13px;border-radius:9px;font-size:11px;font-weight:600;white-space:nowrap}
.nav-favorites>span{font-size:18px;line-height:1}
.nav-favorites b{font-size:9px;background:#ffffff85;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}
.icon-button{background:var(--paper);border-color:var(--line);width:38px;height:38px;font-size:20px}
.icon-button:hover{background:var(--butter)}
.intro{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;padding:57px 12px 54px;min-height:420px;isolation:isolate;overflow:visible}
.intro:before{content:'';position:absolute;inset:9% -25px 0 40%;background:radial-gradient(ellipse at 70% 40%,#f6dfd480,transparent 70%);z-index:-2;pointer-events:none}
.intro-copy{min-width:0;z-index:1}
.intro .eyebrow{font-size:9px;letter-spacing:1.5px;color:var(--violet)}
.mini-spark{font-size:22px;color:var(--orange)}
.intro h1{font-size:clamp(47px,4.8vw,70px);line-height:1.07;letter-spacing:-3.4px;margin:17px 0 22px}
.intro h1 span{color:var(--violet)}
.intro h1 span:after{border-top-color:var(--orange);border-top-width:4px;opacity:.65;bottom:-8px}
.intro p{font-size:15px;line-height:1.9;color:var(--muted)}
.hero-actions{display:flex;gap:24px;align-items:center;margin-top:25px}
.button.primary-button{background:var(--navy);color:#fffdf8;border:0;padding:15px 20px;border-radius:10px;box-shadow:0 6px 14px #30374e18;font-size:12px;gap:22px}
.button.primary-button:hover{background:#474a66;transform:translateY(-2px)}
.hero-secondary{font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:13px}
.hero-secondary:hover{color:var(--violet)}
.intro-stats{gap:12px;margin-top:25px;font-size:10px}
.intro-stats i{color:var(--violet)}
.hero-postcard{position:relative;justify-self:center;width:100%;max-width:425px;transform:rotate(3deg);z-index:1;padding:9px 0 12px}
.postcard-button{display:block;width:100%;padding:16px;background:#fffaf3;border:1px solid #e5d5d4;border-radius:18px;box-shadow:7px 13px 0 #eadfeb,0 13px 25px #5b415514;text-align:left;color:#303444;position:relative}
.postcard-button:hover{transform:rotate(-1deg) translateY(-4px);box-shadow:7px 17px 0 #e1d4e8,0 16px 30px #5b41551c}
.postcard-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:1px 3px 13px;font-size:9px;letter-spacing:1px;color:#80578b;font-weight:700}
.postcard-topline>span:last-child{background:#f4e2d6;color:#aa5845;border:1px dashed #cb9c83;padding:5px 7px;border-radius:3px;letter-spacing:.7px;font-size:8px}
.postcard-photo-wrap{display:block;aspect-ratio:16/10;position:relative;background:#efe5de;border-radius:9px;overflow:hidden}
.postcard-photo{display:block;width:100%;height:100%;object-fit:cover}
.postcard-photo-wrap:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#201b3590)}
.postcard-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);height:51px;width:51px;border-radius:50%;background:#fff9;backdrop-filter:blur(4px);display:grid;place-items:center;color:white;border:1px solid #fffd;z-index:2;font-size:18px;padding-left:3px}
.postcard-location{position:absolute;bottom:15px;left:16px;color:#fff;font-size:13px;z-index:2;display:flex;align-items:center;gap:7px}
.postcard-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 3px 2px}
.postcard-caption strong{font-family:Manrope,sans-serif;font-size:16px;letter-spacing:-.3px;display:block}
.postcard-caption small{display:block;color:#797580;font-size:10px;margin-top:5px}
.postcard-caption>span:last-child{height:33px;width:33px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#fcf0cb;color:#785426;font-size:21px}
.postcard-sticker{position:absolute;left:-30px;top:53px;z-index:3;border-radius:50%;height:75px;width:75px;display:grid;place-items:center;text-align:center;background:var(--butter);color:#786028;font-size:10px;font-weight:700;line-height:1.4;transform:rotate(-15deg);box-shadow:0 4px 10px #8b714018;border:4px solid var(--bg)}
.intro .hero-note{position:absolute;right:-24px;bottom:-17px;margin:0;width:140px;transform:rotate(4deg);z-index:2;pointer-events:none}
.intro .nap-cat{width:140px;height:100px}
.hero-note:before,.hero-note>span{display:none}
.scene-section{padding:8px 0 41px}
.scene-heading{display:flex;align-items:center;gap:13px;margin-bottom:14px}
.scene-heading h2{font-size:12px;letter-spacing:-.1px;margin:0;font-weight:700}
.scene-heading>span{font-size:10px;color:var(--muted)}
.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.scene-card{border-radius:13px;display:flex;align-items:center;gap:13px;padding:21px 18px;text-align:left;border:1px solid transparent;position:relative;overflow:hidden;min-width:0}
.scene-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px #59425712}
.scene-world{background:var(--lavender);color:#644485;border-color:#d4c3e64a}
.scene-kittens{background:var(--coral);color:#954c3b;border-color:#efb5a650}
.scene-sanctuary{background:var(--mint);color:#38685a;border-color:#bad6c860}
.scene-symbol{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;font-size:28px;background:#ffffff70;transform:rotate(-6deg)}
.scene-card strong{font-size:13px;font-weight:700;display:block}
.scene-card small{font-size:10px;display:block;margin-top:7px;opacity:.83;line-height:1.4}
.scene-arrow{font-size:21px;margin-left:auto;align-self:flex-start;opacity:.6}
.section-bar{border-top:1px solid var(--line);padding-top:25px;padding-bottom:17px}
.section-label h2{font-size:16px;letter-spacing:-.3px}
.soft-dot{background:#6a9b83;box-shadow:0 0 0 4px #86aa921a}
.button.surprise{background:var(--butter);border-color:#e5cf904d;color:#79592c;font-size:11px;padding:11px 16px}
.surprise:hover{background:#f6e4ac}
.watch-layout{gap:23px}
.feature{border-radius:19px;box-shadow:0 8px 26px #3a33440c;border-color:var(--line)}
.player-top{padding:13px 19px;background:var(--navy);border:0}
.player-top>span{color:#d5d4e9;letter-spacing:1.4px;font-size:9px}
.view-switch{background:#ffffff14;border:1px solid #ffffff17;padding:3px}
.view-switch button{color:#dfdced;padding:6px 10px}
.view-switch button[aria-pressed=true]{color:#514169;background:#f4eafb;box-shadow:0 1px 3px #0001}
.player-area{background:#242333}
.poster-badge{background:#53405ce8;border-color:#e0cbea55}
.poster-badge:before{color:#c1e7c4}
.play-circle{background:#fffaf8f0;color:#6e4684;box-shadow:0 0 0 8px #fff4}
.watch-tools{padding:12px 18px;background:var(--paper)}
.watch-tool-buttons{gap:14px}
.tool-button{font-size:10px}
.tool-button:hover{color:var(--violet)}
#preset-count{background:var(--lavender);color:var(--violet);border-radius:4px;padding:1px 4px;margin-left:2px;font-size:9px}
.feature-info{padding:21px 23px 19px}
.feature-info h3{font-size:23px}
.feature-info p{font-size:12px;max-width:620px}
.feature-support{background:var(--lavender);padding:12px 15px;max-width:none}
.feature-support .support-mark{color:var(--violet)}
.feature-support p{font-size:10px}
.feature-support .support-button{color:var(--violet)}
.player-help{background:#f6f1f7;color:var(--muted);font-size:10px}
.channel-panel{border-radius:19px;background:var(--paper);padding:21px 16px 0;box-shadow:0 5px 20px #47374405}
.panel-heading h2{font-size:16px}
.panel-heading>span{padding:5px 7px;background:var(--coral);color:#914b3e;border-radius:5px;font-size:9px}
.search-box{background:#f8f5f5;border-color:var(--line);padding:11px}
.filters button{font-size:10px;padding:8px 10px}
.filters button[aria-pressed=true]{background:var(--lavender);color:var(--violet);border-color:#b8a0d230}
.channel.active{background:#ece5f4;border-color:#c4acd530}
.channel.active .channel-text strong{color:#684984}
.channel{padding:8px}
.channel-image{width:78px;height:55px;border-radius:8px}
.channel-text strong{font-size:11px}
.channel-text small{font-size:9px}
.heart{font-size:20px}
.heart[aria-pressed=true]{color:#bc5e63}
.channels{max-height:457px}
.panel-foot{font-style:normal;font-family:inherit;font-size:10px;color:var(--violet);border-top-style:solid;margin-top:13px}
.local-clock{color:var(--violet);background:var(--lavender);padding:4px 7px;border-radius:4px;font-size:9px}
.local-clock:empty{display:none}
.cozy-controls{margin-top:23px;background:var(--paper);border-radius:15px;padding:20px 23px;box-shadow:0 5px 15px #352b3e04}
.cozy-control-intro>span{color:var(--violet);background:var(--lavender);height:42px;width:42px;display:grid;place-items:center;border-radius:12px;font-size:26px}
.cozy-controls select{background:#faf7f1;border-color:var(--line);font-size:11px;padding:10px 22px 10px 12px}
.cozy-controls output{font-variant-numeric:tabular-nums;color:var(--violet)}
.sound-bar{display:flex;align-items:center;gap:25px;padding:17px 24px;background:var(--sky);margin-top:11px;border-radius:13px;border:1px solid #c1d7e445}
.sound-description{display:flex;gap:13px;align-items:center;margin-right:auto}
.rain-icon{font-size:26px;color:#467d99}
.sound-description strong{display:block;font-size:11px;color:#375d76}
.sound-description small{display:block;font-size:10px;color:#5e7a8b;margin-top:5px}
.rain-toggle{padding:9px 12px;background:#ffffff80;color:#456d83;border:1px solid #acc7d57a;border-radius:20px;display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}
.toggle-dot{height:11px;width:11px;border-radius:50%;background:#aac1cc;box-shadow:0 0 0 3px #b9cbd630}
.rain-toggle[aria-pressed=true]{color:#fff;background:#477c93;border-color:#477c93}
.rain-toggle[aria-pressed=true] .toggle-dot{background:#ddf2ff;box-shadow:0 0 0 3px #ffffff20}
.volume-control{font-size:9px;display:flex;align-items:center;gap:9px;color:#456d83}
.volume-control input{width:100px;accent-color:#52839a;cursor:pointer}
.recent-section{margin-top:32px;padding:23px 24px;border:1px solid var(--line);background:var(--paper);border-radius:16px}
.recent-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
.recent-heading h2{font-size:14px;margin:0;letter-spacing:-.2px}
.recent-heading button{font-size:10px;color:var(--muted)}
.recent-cameras{display:flex;gap:14px;overflow:auto;padding:3px 2px 7px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.recent-camera{display:flex;align-items:center;gap:10px;flex:0 0 200px;background:var(--bg);padding:8px;border-radius:10px;text-align:left;border:1px solid var(--line)}
.recent-camera:hover{background:var(--lavender)}
.recent-camera img{width:60px;height:45px;object-fit:cover;border-radius:6px}
.recent-camera strong{font-size:10px;display:block;line-height:1.5}
.recent-camera small{font-size:9px;color:var(--muted);display:block;margin-top:4px}
.discovery{padding-top:62px}
.discovery-heading{align-items:center}
.discovery-heading .eyebrow{font-size:9px;color:var(--violet);letter-spacing:1.7px}
.discovery h2{font-size:43px;line-height:1.15;letter-spacing:-1.9px;margin-bottom:16px}
.discovery h2 span{color:var(--violet)}
.discovery-heading p:last-child{font-size:13px}
.discovery-doodle{color:var(--orange);font-size:18px;transform:rotate(7deg);margin-right:35px;line-height:1.5}
.destination-strip{display:flex;gap:10px;margin-top:26px;padding:4px 1px 10px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.destination{min-width:143px;padding:12px 14px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--paper);display:flex;gap:10px;align-items:center;flex-shrink:0}
.destination:hover{background:var(--sky)}
.destination[aria-pressed=true]{border-color:#ac8aca;background:var(--lavender)}
.destination .country-symbol{width:31px;height:31px;background:var(--card-tint);border-radius:50%;font-size:19px;display:grid;place-items:center}
.destination strong{font-size:11px;display:block}
.destination small{font-size:9px;color:var(--muted);display:block;margin-top:4px}
.collection-row{margin-top:21px;padding-top:18px;border-top:1px solid var(--line);gap:9px}
.collection-row button{padding:10px 14px;font-size:11px;border-radius:8px}
.collection-row button[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.collection-row button[aria-pressed=true]>span{color:#f3d4ab}
.collection-row button[aria-pressed=true] b{background:#ffffff25;color:#fff}
.directory-controls{margin-top:19px}
.directory-summary{padding-block:16px 15px;font-size:11px}
.directory-display{display:flex;align-items:center;gap:19px}
.density-toggle{display:flex;gap:2px;border:1px solid var(--line);padding:3px;border-radius:7px;background:var(--paper)}
.density-toggle button{font-size:10px;padding:5px 8px;border-radius:4px;background:transparent;color:var(--muted);display:flex;gap:5px;align-items:center}
.density-toggle button[aria-pressed=true]{background:var(--lavender);color:var(--violet)}
.camera-grid{gap:24px}
.camera-card{--card-tint:var(--mint);--card-accent:#376c61;border-radius:17px;border-color:#e7e0dd;box-shadow:0 2px 8px #35334804;position:relative}
.camera-card[data-tone=violet]{--card-tint:var(--lavender);--card-accent:#715290}
.camera-card[data-tone=peach]{--card-tint:var(--coral);--card-accent:#9e5544}
.camera-card[data-tone=yellow]{--card-tint:var(--butter);--card-accent:#8a632e}
.camera-card[data-tone=blue]{--card-tint:var(--sky);--card-accent:#477b96}
.camera-card:hover{border-color:var(--card-accent);box-shadow:0 10px 22px #51445613;transform:translateY(-4px)}
.card-art{border-radius:0;aspect-ratio:16/10}
.card-photo{filter:none}
.card-watch:after{background:linear-gradient(transparent,#27202d9c)}
.card-play{opacity:1;background:#fffaf3db;color:var(--card-accent);height:38px;width:38px;box-shadow:0 0 0 5px #ffffff24;font-size:12px}
.card-watch:hover .card-play{transform:translate(-50%,-50%) scale(1.1)}
.card-heart{top:13px;right:13px;height:34px;width:34px;box-shadow:0 2px 8px #0002}
.country-chip{font-size:9px;background:#fff6eae8;color:#47424d;backdrop-filter:blur(4px);padding:5px 8px;left:14px;bottom:14px;border-radius:5px;letter-spacing:0}
.card-body{padding:19px 19px 16px}
.card-body h3{font-size:20px;line-height:1.4;margin:9px 0 5px;letter-spacing:-.6px}
.card-eyebrow{font-size:8px;letter-spacing:1px;color:var(--card-accent)}
.card-eyebrow span:last-child{background:var(--card-tint);padding:3px 5px;border-radius:4px;font-size:8px;letter-spacing:0}
.card-place{color:var(--muted);font-size:10px}
.card-note{font-size:12px;line-height:1.8;min-height:65px;margin:13px 0 18px}
.card-footer{border-top:1px dashed var(--line);padding-top:13px}
.card-footer>a{font-size:10px;line-height:1.6;max-width:72%}
.add-wall{background:var(--card-tint);color:var(--card-accent);font-size:10px;font-weight:600}
.add-wall:hover{background:var(--card-tint);filter:brightness(.95)}
.support-strip{background:var(--card-tint);padding:13px 19px;border-top:0;color:var(--card-accent);font-size:10px;gap:8px}
.support-strip>span>i{color:var(--card-accent)}
.support-button{font-size:10px;color:inherit;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;font-weight:600}
.support-button:hover{opacity:.75}
.catalog-note{padding:25px 5px;color:var(--muted)}
.catalog-note p{font-size:11px;line-height:1.9}
.kindness{background:var(--navy);border:0;padding:39px 38px;margin-top:23px;color:#fbf5f0;border-radius:19px;position:relative;overflow:hidden;isolation:isolate}
.kindness:after{content:'♡';position:absolute;right:23%;font-size:270px;line-height:1;top:-35px;transform:rotate(-12deg);color:#ffffff07;z-index:-1}
.kindness-icon{background:#fff2!important;border:1px solid #fff3;color:#f2b8ac;width:72px;height:72px;font-size:39px}
.kindness .eyebrow{color:#d4c4e6;font-size:9px;letter-spacing:1.5px}
.kindness h2{font-size:27px;letter-spacing:-.7px}
.kindness-copy>p:last-child{color:#d2cfdc;font-size:12px}
.kindness .dark-button{background:#f6dcc9;color:#6c473a;box-shadow:0 3px 12px #0001;border-radius:10px;font-size:12px;padding:15px 19px}
.kindness .dark-button:hover{background:#ffe9d8}
.closing-note{font-size:12px;padding:35px 0;color:var(--muted)}
.closing-note span{color:var(--violet)}
.footer{border-color:var(--line);padding:26px 0 30px}
.footer>div{gap:18px;font-size:10px}
.footer .text-button{text-decoration:none}
.footer .text-button:hover{text-decoration:underline}
.footer p{font-size:10px}
.wall-mode{background:#242535}
.wall-cell{background:#35374a;border-radius:11px}
.wall-label{background:#35374a}
.wall-label select{background:#35374a}
.wall-label a{color:#d9c6ed}
.wall-choice{background:var(--lavender);border-color:var(--line)}
.wall-choice:hover{background:var(--peach)}
dialog{border-radius:20px;box-shadow:0 20px 120px #271a3a30}
dialog::backdrop{background:#22203383;backdrop-filter:blur(6px)}
dialog h2{font-size:30px;color:var(--ink)}
dialog p{font-size:13px}
.dialog-top .eyebrow{color:var(--violet)}
.org-label{background:var(--lavender);color:var(--violet)}
.org-actions>a{background:var(--paper);font-size:13px;border-radius:10px}
.org-actions>a:hover{background:var(--lavender)}
.rescue-button:hover{background:var(--lavender)}
.preset-form{display:grid;gap:14px}
.preset-form label{font-size:12px;font-weight:600;display:grid;gap:8px}
.preset-form input{border:1px solid var(--line);background:var(--bg);border-radius:9px;padding:12px;color:var(--ink);font-size:14px;width:100%}
.preset-form button{justify-self:start}
.form-note{font-size:11px;color:var(--muted);margin:0;min-height:18px}
.saved-preset{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:15px;margin-top:12px;display:flex;align-items:center;gap:13px}
.saved-preset-info{min-width:0;flex:1}
.saved-preset strong{font-size:14px;display:block;word-break:break-word}
.saved-preset small{font-size:10px;display:block;margin-top:6px;color:var(--muted)}
.saved-preset .button{font-size:11px;padding:9px 12px}
.preset-delete{width:30px;height:30px;border-radius:50%;background:transparent;font-size:19px;color:var(--muted)}
.preset-delete:hover{background:var(--coral);color:var(--orange)}
.shortcut-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;font-size:12px}
kbd{font-family:inherit;background:var(--lavender);color:var(--violet);border:1px solid #c8b8d940;border-radius:5px;min-width:27px;display:inline-grid;place-items:center;padding:5px 8px;font-size:11px}
.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.compact-grid .card-note{display:none}
.compact-grid .card-art{aspect-ratio:16/9}
.compact-grid .card-body{padding:13px}
.compact-grid .card-body h3{font-size:15px;line-height:1.5}
.compact-grid .card-eyebrow{font-size:7px}
.compact-grid .card-eyebrow span:last-child{font-size:7px}
.compact-grid .card-footer{margin-top:12px}
.compact-grid .card-footer>a{font-size:9px}
.compact-grid .card-place{font-size:9px}
.compact-grid .support-strip{padding:11px 13px;flex-wrap:wrap;gap:5px;font-size:9px}
.compact-grid .support-button{font-size:9px}
.compact-grid .add-wall{font-size:9px}
.compact-grid .card-play{height:31px;width:31px;font-size:10px}
.compact-grid .card-heart{height:29px;width:29px;font-size:18px}
.compact-grid .country-chip{font-size:8px;bottom:10px;left:10px}
.cinema-mode .scene-section,.cinema-mode .recent-section{display:none}
.cinema-mode .nav-favorites{display:none}
.cinema-mode .sound-bar{margin-bottom:22px}
.cinema-mode .site-header{height:73px}
.cinema-mode .section-bar{border-top:0}

body.night{--bg:#1d2230;--paper:#272d3d;--ink:#f1edf5;--muted:#b5b4c6;--line:#424355;--sage:#30473f;--sage-strong:#3d594b;--orange:#e6a191;--peach:#65483e;--player:#151820;--shadow:0 12px 30px #00000020;--lavender:#41364f;--violet:#d4b1f1;--butter:#50462c;--sky:#2d4354;--mint:#30473f;--coral:#573b3e;--navy:#252938}
body.night .intro:before{background:radial-gradient(ellipse at 70% 40%,#a489be18,transparent 70%)}
body.night .postcard-button{background:#343449;border-color:#686079;color:#f4e8f5;box-shadow:7px 13px 0 #4a3f55,0 13px 25px #0002}
body.night .postcard-topline{color:#d8bbea}
body.night .postcard-topline>span{background:#534254;color:#eec9df;border-color:#a78aae}
body.night .postcard-caption small{color:#c2b5cc}
body.night .postcard-caption>span:last-child{background:#5b4a32;color:#efd9ad}
body.night .postcard-sticker{color:#f1d9a9}
body.night .scene-world{color:#e1c7f5}
body.night .scene-kittens{color:#f5bdb0}
body.night .scene-sanctuary{color:#bddccb}
body.night .scene-symbol{background:#ffffff10}
body.night .search-box{background:#222738}
body.night .channel.active{background:#41364f;border-color:#7b668b44}
body.night .channel.active .channel-text strong{color:#e1c5f2}
body.night .panel-heading>span{background:var(--coral);color:#f1b9ad}
body.night .player-help{background:#242838}
body.night .cozy-controls select{background:#252b3b}
body.night .surprise{color:#ecd69e}
body.night .sound-description strong{color:#c6e0f1}
body.night .sound-description small,body.night .volume-control{color:#adc4d4}
body.night .rain-icon{color:#aad3e8}
body.night .rain-toggle{background:#ffffff0c;color:#c6dce9;border-color:#8aa8b444}
body.night .rain-toggle[aria-pressed=true]{background:#527e97;color:white}
body.night .camera-card{--card-accent:#a6d2bc;border-color:var(--line)}
body.night .camera-card[data-tone=violet]{--card-accent:#d9baef}
body.night .camera-card[data-tone=peach]{--card-accent:#eeb3a1}
body.night .camera-card[data-tone=yellow]{--card-accent:#e0c788}
body.night .camera-card[data-tone=blue]{--card-accent:#a8d0e5}
body.night .card-play{color:#584569}
body.night .collection-row button[aria-pressed=true]{background:#d2b7e9;color:#302438;border-color:#d2b7e9}
body.night .collection-row button[aria-pressed=true]>span{color:#655075}
body.night .destination[aria-pressed=true]{border-color:#9273ae}
body.night .kindness{background:#353349}
body.night .primary-button{background:#dac2ed;color:#302438}
body.night .primary-button:hover{background:#e7d0f7}
body.night .nav-favorites b{background:#ffffff15}
body.night .site-header{border-color:var(--line)}

@media(min-width:1500px){.intro{gap:80px;padding-block:65px 58px}
.intro h1{font-size:75px}
.hero-postcard{max-width:440px}
.camera-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.camera-grid.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:1100px){.intro{gap:40px;padding-inline:0}
.intro h1{font-size:58px}
.hero-postcard{max-width:350px}
.hero-note{right:-15px}
.intro p{font-size:13px}
.postcard-sticker{height:64px;width:64px;left:-23px;top:40px;font-size:9px}
.postcard-caption strong{font-size:14px}
.scene-card{padding:17px 13px;gap:10px}
.scene-symbol{height:35px;width:35px;font-size:23px}
.scene-card strong{font-size:11px}
.scene-card small{font-size:9px}
.scene-arrow{font-size:17px}
.site-header{gap:18px}
.site-header nav{gap:18px}
.site-header nav a{font-size:11px}
.nav-favorites{font-size:10px;padding:9px 11px}
.nav-favorites b{display:none}
.watch-tool-buttons{gap:10px}
.tool-button{font-size:9px}
.camera-grid{gap:18px}
.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.card-body h3{font-size:18px}
.card-note{font-size:11px;min-height:65px}
.card-body{padding:17px}
.card-footer>a{font-size:9px}
.support-strip{padding:12px 17px;font-size:9px}
.support-button{font-size:9px}
.kindness{padding:31px}
.kindness h2{font-size:25px}
}

@media(max-width:850px){.site-header{height:82px;gap:15px}
.site-header nav{gap:16px}
.site-header nav a:last-child{display:none}
.brand{font-size:29px}
.brand img{width:37px;height:37px}
.intro{gap:25px;padding:44px 0 48px;grid-template-columns:1.05fr 1fr;min-height:360px}
.intro h1{font-size:50px;letter-spacing:-2.5px}
.intro .eyebrow{font-size:7px;letter-spacing:1px}
.intro p{font-size:12px}
.hero-actions{gap:15px;margin-top:21px}
.button.primary-button{font-size:10px;padding:12px 14px;gap:10px}
.hero-secondary{font-size:10px;gap:6px}
.intro-stats{font-size:8px;gap:8px}
.postcard-button{padding:12px;border-radius:14px;box-shadow:5px 9px 0 #eadfeb}
.postcard-topline{font-size:7px;letter-spacing:.7px;margin-bottom:10px}
.postcard-topline>span{font-size:6px;padding:4px}
.postcard-photo-wrap{display:block;aspect-ratio:1.3}
.postcard-caption{padding-top:12px}
.postcard-caption strong{font-size:13px}
.postcard-caption small{font-size:8px}
.postcard-sticker{height:59px;width:59px;font-size:8px;border-width:3px;left:-20px;top:38px}
.postcard-location{font-size:11px;left:12px;bottom:12px}
.postcard-play{width:42px;height:42px;font-size:14px}
.intro .hero-note{width:110px;right:-14px;bottom:10px}
.intro .nap-cat{width:110px;height:75px}
.scene-grid{gap:11px}
.scene-card{align-items:flex-start;padding:16px 13px;flex-wrap:wrap;gap:12px}
.scene-card>span:nth-child(2){width:100%}
.scene-symbol{height:31px;width:31px;font-size:22px;border-radius:8px}
.scene-arrow{position:absolute;right:14px;top:18px}
.scene-card strong{font-size:12px}
.scene-card small{font-size:9px;margin-top:5px;min-height:26px}
.scene-section{padding-bottom:30px}
.watch-layout{gap:19px}
.channel-panel{padding:20px 17px 0}
.channels{max-height:300px}
.channel-image{width:84px;height:55px}
.channel-text strong{font-size:12px}
.channel-text small{font-size:10px}
.watch-tools{padding:13px 20px}
.tool-button{font-size:11px}
.watch-tool-buttons{gap:17px}
.sound-bar{gap:17px;padding:18px 20px;flex-wrap:wrap}
.sound-description{margin-right:auto}
.volume-control input{width:95px}
.sound-description small{font-size:9px}
.cozy-controls output{width:auto;margin-left:auto}
.camera-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}
.compact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.compact-grid .card-eyebrow>span:first-child{display:none}
.compact-grid .card-footer{flex-wrap:wrap;gap:8px}
.compact-grid .card-footer>a{max-width:100%;width:100%}
.compact-grid .support-strip>span{display:none}
.compact-grid .support-strip{padding:12px}
.card-body h3{font-size:20px}
.card-note{font-size:12px;min-height:65px}
.card-footer>a{font-size:10px}
.support-strip{font-size:10px}
.support-button{font-size:10px}
.discovery h2{font-size:37px}
.destination{min-width:135px;padding:12px}
.destination-strip{gap:9px}
.kindness{padding:29px}
.kindness h2{font-size:23px}
.kindness .dark-button{font-size:11px;padding:14px}
.kindness:after{right:10%}
.footer{gap:20px;flex-wrap:wrap}
.footer>div{gap:17px}
.recent-cameras{gap:11px}
.recent-camera{flex-basis:195px}
}

@media(max-width:600px){.wrap{width:calc(100% - 32px)}
.site-header{height:75px;gap:14px}
.site-header nav{display:none}
.brand{font-size:29px;gap:8px}
.nav-favorites{margin-left:auto;font-size:0;background:var(--lavender);height:35px;width:35px;display:grid;place-items:center;padding:0;border-radius:50%}
.nav-favorites>span{font-size:23px}
.site-header .icon-button{width:35px;height:35px;font-size:20px}
.intro{grid-template-columns:1fr;gap:33px;padding:34px 2px 32px;overflow:hidden}
.intro:before{inset:36% -15% 0 -15%;background:radial-gradient(ellipse at 60% 50%,#f6dfd470,transparent 70%)}
.intro .eyebrow{font-size:8px;letter-spacing:1.2px;max-width:none}
.intro h1{font-size:55px;letter-spacing:-3px;margin:14px 0 18px}
.intro p{font-size:13px;max-width:none;line-height:1.8}
.hero-actions{gap:24px;margin-top:23px}
.button.primary-button{font-size:11px;padding:14px 17px;gap:13px}
.hero-secondary{font-size:11px;gap:10px}
.intro-stats{font-size:9px;gap:11px;margin-top:22px}
.hero-postcard{max-width:340px;width:calc(100% - 34px);margin-bottom:5px;transform:rotate(2deg)}
.postcard-button{padding:13px;border-radius:15px;box-shadow:5px 9px 0 #eadfeb}
.postcard-topline{font-size:8px;letter-spacing:.7px;margin-bottom:11px}
.postcard-topline>span{font-size:7px;padding:4px 5px}
.postcard-photo-wrap{display:block;aspect-ratio:16/9;border-radius:7px}
.postcard-caption strong{font-size:14px}
.postcard-caption small{font-size:9px}
.postcard-caption{padding:13px 2px 1px}
.postcard-caption>span:last-child{width:30px;height:30px;font-size:19px}
.postcard-sticker{top:35px;left:-22px;width:59px;height:59px;font-size:8px}
.postcard-location{font-size:11px}
.intro .hero-note{right:-12px;bottom:0;width:110px;z-index:2}
.intro .nap-cat{width:110px;height:75px}
.scene-section{padding:18px 0 27px}
.scene-heading{justify-content:space-between;gap:10px;margin-bottom:13px}
.scene-heading h2{font-size:11px}
.scene-heading>span{font-size:9px;max-width:105px;text-align:right;line-height:1.5}
.scene-grid{grid-template-columns:1fr;gap:9px}
.scene-card{padding:15px 17px;align-items:center;gap:13px;flex-wrap:nowrap;border-radius:11px}
.scene-card>span:nth-child(2){width:auto}
.scene-symbol{width:37px;height:37px;font-size:25px;border-radius:9px}
.scene-card strong{font-size:12px}
.scene-card small{font-size:10px;min-height:0;margin-top:5px}
.scene-arrow{position:static;font-size:21px;margin-left:auto}
.section-bar{padding-top:22px;padding-bottom:15px;gap:12px}
.section-label{gap:9px}
.section-label h2{font-size:12px;max-width:180px;line-height:1.5}
.button.surprise{font-size:10px;padding:10px 12px;gap:7px;white-space:nowrap}
.player-top{padding:12px 13px;gap:7px}
.player-top>span{font-size:8px;letter-spacing:.8px}
.view-switch button{font-size:9px;padding:6px 7px}
.watch-tools{padding:12px 14px;gap:9px}
.watch-tool-buttons{gap:12px;row-gap:10px}
.tool-button{font-size:9px}
.local-clock{font-size:8px}
.feature-info{padding:19px 16px}
.feature-info h3{font-size:21px}
.feature-info p{font-size:12px}
.feature-support{padding:12px;gap:9px}
.feature-support p{font-size:10px}
.feature-support .support-button{font-size:10px}
.feature-support strong{font-size:10px}
.favorite-main{width:34px;height:34px;font-size:19px}
.player-help{font-size:10px;padding:12px 16px;line-height:1.9}
.channel-panel{padding:19px 14px 0}
.panel-heading h2{font-size:15px}
.channel-image{width:91px;height:58px}
.channel-text strong{font-size:12px}
.channel-text small{font-size:10px}
.channels{max-height:356px}
.channel-select{gap:13px}
.heart{font-size:22px}
.filters button{font-size:11px}
.availability{font-size:9px;line-height:1.8}
.cozy-controls{grid-template-columns:1fr 1fr;padding:19px 17px;border-radius:13px;gap:16px;margin-top:19px}
.cozy-control-intro{gap:12px}
.cozy-control-intro strong{font-size:12px}
.cozy-control-intro small{font-size:10px}
.cozy-control-intro>span{width:37px;height:37px;font-size:24px;border-radius:10px}
.cozy-controls select{font-size:10px;padding:10px 15px 10px 8px}
.cozy-controls output{grid-column:1/-1;margin-left:0;font-size:10px}
.sound-bar{padding:18px 17px;gap:16px;border-radius:12px}
.sound-description{width:100%;gap:11px}
.sound-description strong{font-size:11px}
.sound-description small{font-size:9px}
.rain-icon{font-size:25px}
.rain-toggle{font-size:10px;padding:9px 12px}
.volume-control{margin-left:auto;font-size:9px}
.volume-control input{width:92px}
.discovery{padding-top:42px}
.discovery-heading .eyebrow{font-size:8px;letter-spacing:1.3px;max-width:none}
.discovery h2{font-size:35px;letter-spacing:-1.7px;max-width:none;margin-bottom:15px}
.discovery-heading p:last-child{font-size:12px;max-width:300px;line-height:1.8}
.discovery-doodle{display:none}
.destination-strip{margin-top:20px;gap:8px}
.destination{min-width:135px;padding:11px 12px}
.destination strong{font-size:10px}
.destination small{font-size:8px}
.destination .country-symbol{width:28px;height:28px;font-size:18px}
.collection-row{gap:7px;margin-top:13px;padding-top:17px}
.collection-row button{font-size:10px;padding:9px 10px;gap:6px}
.directory-controls{margin-top:17px;gap:12px}
.directory-controls .search-box input{font-size:11px}
.compact-select{font-size:9px}
.compact-select select{font-size:10px}
.directory-summary{font-size:9px;padding-block:15px}
.directory-display{gap:13px}
.density-toggle button{font-size:12px;padding:4px 6px}
.density-toggle button>span{display:none}
.camera-grid{grid-template-columns:1fr;gap:22px}
.card-art{aspect-ratio:16/10}
.card-body{padding:19px 19px 17px}
.card-body h3{font-size:21px}
.card-note{font-size:12px;min-height:0;line-height:1.8}
.card-eyebrow{font-size:8px}
.card-eyebrow span:last-child{font-size:9px}
.card-place{font-size:11px}
.card-footer>a{font-size:11px}
.add-wall{font-size:11px;padding:8px 10px}
.support-strip{padding:14px 19px;font-size:11px}
.support-button{font-size:11px}
.card-play{width:43px;height:43px;font-size:13px}
.country-chip{font-size:10px}
.compact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.compact-grid .card-art{aspect-ratio:1.35}
.compact-grid .card-body{padding:11px}
.compact-grid .card-body h3{font-size:13px;margin-top:7px;letter-spacing:-.3px}
.compact-grid .card-place{font-size:8px;line-height:1.6}
.compact-grid .card-eyebrow span:last-child{font-size:7px}
.compact-grid .card-heart{height:26px;width:26px;font-size:18px;top:8px;right:8px}
.compact-grid .card-play{height:28px;width:28px;font-size:9px;box-shadow:0 0 0 3px #ffffff24}
.compact-grid .country-chip{font-size:7px;padding:4px 5px;max-width:90%;bottom:8px;left:8px;line-height:1.4}
.compact-grid .card-footer>a{font-size:8px;line-height:1.5}
.compact-grid .add-wall{font-size:9px;padding:6px 8px}
.compact-grid .support-strip{padding:11px}
.compact-grid .support-button{font-size:9px}
.catalog-note{padding-top:23px;align-items:flex-start;gap:10px}
.catalog-note p{font-size:10px}
.catalog-note>span{font-size:21px}
.kindness{padding:29px 25px;margin-top:9px;border-radius:16px}
.kindness h2{font-size:25px;line-height:1.25;max-width:250px;letter-spacing:-1px}
.kindness .eyebrow{font-size:8px}
.kindness-copy>p:last-child{font-size:12px;line-height:1.9}
.kindness .dark-button{font-size:11px;padding:14px 17px;margin-top:20px}
.kindness:after{right:-15px;top:18px;font-size:220px}
.closing-note{font-size:10px;padding:29px 15px;line-height:1.8}
.footer{padding:22px 0 27px;gap:14px}
.footer p{font-size:9px;max-width:210px}
.footer>div{font-size:9px;gap:10px;justify-content:space-between}
.recent-section{padding:20px 16px;margin-top:25px}
.recent-heading{gap:12px}
.recent-heading h2{font-size:12px}
.recent-heading button{font-size:9px}
.recent-camera{flex-basis:186px}
.recent-camera strong{font-size:10px}
.preset-form input{font-size:16px}
.saved-preset{padding:13px;gap:10px}
.saved-preset strong{font-size:12px}
.saved-preset .button{font-size:10px;padding:8px 10px}
.saved-preset small{font-size:9px}
.preset-delete{font-size:18px;width:25px;height:25px}
.cinema-mode .site-header{height:65px}
.cinema-mode .site-header .nav-favorites{display:none}
dialog h2{font-size:26px}
.postcard-location .country-symbol{font-size:16px}
}

@media(prefers-reduced-motion:reduce){.postcard-button:hover,.scene-card:hover,.camera-card:hover{transform:none}
}


.postcard-caption>span:first-child{min-width:0}
.postcard-sticker{pointer-events:none}
.postcard-sticker strong{font-size:inherit}
.saved-preset-info{background:transparent;color:var(--ink);text-align:left;padding:4px}
.saved-preset-info:hover strong{color:var(--violet)}
.preset-delete{flex-shrink:0}
.shortcut-row{gap:18px}
.shortcut-row kbd{white-space:nowrap}
.shortcut-row>span{text-align:right}
button:disabled{cursor:wait;opacity:.65}


.destination[data-tone=violet]{--card-tint:var(--lavender)}
.destination[data-tone=peach]{--card-tint:var(--coral)}
.destination[data-tone=yellow]{--card-tint:var(--butter)}
.destination[data-tone=blue]{--card-tint:var(--sky)}