@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#f7f6f2;--ink:#292824;--muted:#787770;--line:#e5e3dc;--purple:#b7a0e5;--light-purple:#ece5f7;--white:#fff;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #8966c4}button{color:inherit}a{color:inherit}.topbar{height:96px;max-width:1440px;padding:0 6%;margin:auto;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-family:Manrope,sans-serif;font-weight:800;font-size:26px;letter-spacing:-1.4px}.brand-face{background:var(--purple);border-radius:50%;width:36px;height:36px;font-size:32px;display:flex;align-items:center;justify-content:center;line-height:1}.brand-dot{font-size:10px;align-self:flex-start;margin-top:6px;letter-spacing:0}.top-actions{display:flex;gap:28px;align-items:center}.little-label{font-size:10px;letter-spacing:1.7px;font-weight:600;display:flex;gap:8px;align-items:center}.little-label i{width:6px;height:6px;border-radius:50%;background:#84a184}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:13px 19px;border:1px solid var(--line);border-radius:10px;font-weight:600;font-size:13px;background:transparent;transition:transform .18s,background .18s}.button:hover{background:#eeece6;transform:translateY(-2px)}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#45423e}.primary>span{font-size:20px;line-height:16px}.subtle{background:transparent}.full{width:100%}main{max-width:1440px;padding:0 6%;margin:auto}.hero{display:grid;grid-template-columns:1.2fr 1fr;min-height:440px;padding:66px 0 58px;align-items:center;border-bottom:1px solid var(--line)}.eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.8px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(36px,4.5vw,62px);line-height:1.14;font-weight:800;letter-spacing:-3px;margin:20px 0 24px}.underlined{position:relative;z-index:0;display:inline-block}.underlined:after{content:'';position:absolute;bottom:2px;left:-4px;right:-5px;height:17px;background:#d6c7f1;z-index:-1;transform:rotate(-3deg);border-radius:40%}.hero p{color:var(--muted);line-height:1.8;margin-bottom:25px}.hero-note{display:block;font-size:10px;color:#8b8981;margin-top:12px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:300px}.mood-card{width:240px;height:275px;border:1.5px solid #292824;background:#cbb8f0;border-radius:15px;transform:rotate(9deg);box-shadow:7px 8px 0 #e5ded0;padding:17px;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.mood-label{width:100%;display:flex;justify-content:space-between;font-size:8px;font-weight:700;letter-spacing:1px}.mood-label span{font-size:16px}.mood-bottom{width:100%;font-size:12px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.mood-bottom span{font-size:23px}.smiley{position:relative;width:156px;height:156px;border:2px solid var(--ink);border-radius:50%;background:#e4f0a4;box-shadow:3px 4px 0 #292824}.eye{position:absolute;width:10px;height:25px;background:var(--ink);border-radius:50%;top:43px}.eye.left{left:45px}.eye.right{right:45px}.smile{position:absolute;width:80px;height:42px;border:3px solid var(--ink);border-top:0;border-radius:0 0 80px 80px;top:84px;left:36px}.sticker{position:absolute;top:9px;right:34px;z-index:1;width:86px;height:86px;background:#ecedac;border:1px solid #a3a370;border-radius:50%;transform:rotate(13deg);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:15px;line-height:1.2}.orbit{position:absolute;font-size:66px}.orbit-one{top:25px;left:35px;color:#9080b2}.orbit-two{bottom:1px;right:28px;font-size:86px}.tiny-heart{position:absolute;left:26px;bottom:55px;font-size:42px;transform:rotate(-20deg)}.art-caption{position:absolute;bottom:-20px;font-size:12px;font-style:italic;color:#89867e;transform:rotate(-5deg)}.collection{padding:42px 0 55px;min-height:400px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.section-heading .eyebrow{font-size:9px;color:#8b887f}.section-heading h2{font-family:Manrope,sans-serif;font-size:27px;letter-spacing:-1.1px;margin:10px 0 0;display:flex;align-items:center;gap:12px}.section-heading h2 span{background:#e9e6df;color:#74716a;font:500 12px 'DM Sans',sans-serif;border-radius:7px;padding:5px 9px;letter-spacing:0}.section-heading .button{font-size:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.tabs{display:flex;gap:24px;align-self:stretch}.tab{background:transparent;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:15px 0;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.tab.active{color:var(--ink);border-bottom-color:var(--ink);font-weight:600}.tab span{font-size:10px;color:#817d74;background:#eeece6;border-radius:5px;padding:2px 5px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:8px 11px;margin-bottom:10px;width:260px;background:#faf9f6}.search>span{font-size:22px;line-height:18px}.search input{min-width:0;width:100%;background:transparent;border:0;outline:none;font-size:12px}.search:focus-within{outline:2px solid var(--purple)}.search kbd{font-size:10px;border:1px solid var(--line);border-radius:3px;padding:0 4px;color:#8e8a80}.filter-row{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:20px 0 26px}.categories{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:11px;background:transparent;border:1px solid var(--line);padding:8px 12px;border-radius:7px;white-space:nowrap}.chip.active{background:var(--light-purple);border-color:#d6c8eb}.chip:hover{border-color:#b4a0d2}.sort-label select{border:0;background:transparent;font-size:11px;color:var(--muted);padding:5px;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fffefa;border:1px solid var(--line);border-radius:13px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #30281b0b}.thumbnail{position:relative;aspect-ratio:16/9;background:#ddd5ed;overflow:hidden}.thumbnail>button{display:block;width:100%;height:100%;border:0;padding:0;background:transparent}.thumbnail img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.card:hover .thumbnail img{transform:scale(1.04)}.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:flex;align-items:center;justify-content:center;background:#fffdf5e8;border:1px solid #ffffff80;backdrop-filter:blur(5px);border-radius:50%;font-size:16px;padding-left:3px;box-shadow:0 2px 15px #0001}.youtube-badge{position:absolute;left:12px;bottom:11px;background:#222b;color:white;border-radius:5px;font-size:9px;letter-spacing:.5px;padding:4px 6px;pointer-events:none}.card-body{padding:16px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:9px;color:#8c877f}.tag{background:#eee8f6;padding:4px 7px;border-radius:4px;color:#7a6598}.card h3{font-family:Manrope,sans-serif;font-size:15px;line-height:1.5;letter-spacing:-.3px;margin:10px 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:45px;overflow-wrap:anywhere}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0eee7;padding-top:11px}.card-bottom>a{font-size:10px;color:#8b877d;text-decoration:none}.card-bottom>a:hover{color:var(--ink)}.card-actions{display:flex;gap:5px}.icon-button{border:0;background:transparent;font-size:21px;line-height:1;padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:32px}.icon-button:hover{background:#eee8f6}.icon-button.saved{color:#8a63bc;background:#eee8f6}.remove{font-size:16px;color:#999}.empty{text-align:center;padding:42px 15px 48px;border:1px dashed #d8d1df;border-radius:14px;background:linear-gradient(140deg,#f0eaf754,#fffaf566)}.empty[hidden],.grid[hidden],[hidden]{display:none!important}.empty-icon{font-size:40px;color:#9982be}.empty h3{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.6px;margin:14px 0 8px}.empty p{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 22px}footer{padding:25px 0 30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center;color:#8c887e;font-size:10px}.footer-brand{font-family:Manrope,sans-serif;font-size:14px;font-weight:800;color:#666158;letter-spacing:-.5px}.purple{color:#9d7cc9;font-size:16px}dialog{border:1px solid #dfd8e8;border-radius:20px;padding:30px;width:min(490px,calc(100% - 30px));background:var(--bg);color:var(--ink);box-shadow:0 25px 100px #24193040;max-height:90dvh;overflow:auto}dialog::backdrop{background:#25212670;backdrop-filter:blur(5px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.dialog-top .eyebrow{color:#9075b5}dialog h2{font-family:Manrope,sans-serif;letter-spacing:-1px;font-size:25px;margin:12px 0}dialog p{font-size:13px;color:var(--muted);line-height:1.7}dialog label{display:block;font-size:12px;font-weight:600;margin:20px 0}.optional{font-size:10px;font-weight:400;color:var(--muted);display:block;margin-top:4px}dialog input,dialog select{display:block;width:100%;padding:13px 12px;border:1px solid #dcd7df;border-radius:8px;background:#fffefa;margin-top:8px;font-size:13px;color:var(--ink)}.form-error{color:#ae425c;min-height:0}.form-error:empty{display:none}.dialog-buttons{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.player-dialog{width:min(900px,calc(100% - 25px));padding:20px}.player-dialog h2{font-size:18px;margin:0}.player-dialog .dialog-top{margin-bottom:15px}#player{aspect-ratio:16/9;background:#211d24;border-radius:10px;overflow:hidden}#player iframe{width:100%;height:100%;border:0}.player-dialog p{margin-bottom:0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:12px;box-shadow:0 5px 35px #0002;font-size:13px;z-index:50;max-width:90vw}body:has(dialog[open]){overflow:hidden}@media(min-width:1400px){.hero{min-height:490px}.hero-art{margin-left:50px}}@media(max-width:1000px){.hero h1{font-size:46px}.hero{grid-template-columns:1.1fr 1fr}.orbit-one{left:0}.sticker{right:0}.orbit-two{right:0}.tiny-heart{left:0}.hero-note{font-size:9px}.filter-row{align-items:flex-start}.grid{gap:16px}.card-body{padding:12px}}@media(max-width:760px){.topbar{height:78px}.little-label{display:none}.brand{font-size:23px}.top-actions .button{font-size:10px;padding:10px}.hero{padding:42px 0 35px;grid-template-columns:1fr 0.6fr;gap:5px}.hero h1{font-size:37px;letter-spacing:-1.8px}.hero p{font-size:12px}.hero p br{display:none}.hero-art{transform:scale(.65);transform-origin:center center;margin-left:-20px;min-width:220px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:8px;letter-spacing:1.2px}.mood-card{width:210px}.sticker{right:-15px}.hero-note{max-width:200px}.grid{grid-template-columns:repeat(2,1fr)}.collection{padding-top:30px}.section-heading h2{font-size:24px}.filter-row{display:block}.sort-label{display:block;text-align:right;margin-top:12px}.toolbar{gap:12px}.search{width:190px}.tabs{gap:16px}.tab{font-size:11px}.categories{gap:7px}.chip{font-size:10px;padding:7px 10px}footer>span:nth-child(2){display:none}}@media(max-width:480px){main,.topbar{padding-left:6%;padding-right:6%}.hero{display:block;position:relative;overflow:hidden;min-height:385px}.hero-copy{max-width:100%}.hero h1{font-size:42px}.hero p{max-width:235px}.hero-art{position:absolute;right:-93px;top:128px;transform:scale(.43);pointer-events:none}.hero .button{margin-top:3px}.hero-note{font-size:9px}.hero-copy>.eyebrow{font-size:8px}.toolbar{flex-wrap:wrap;gap:4px}.tabs{order:2;width:100%}.search{width:100%;margin-top:3px}.section-heading .button{font-size:10px;padding:10px}.section-heading h2{font-size:23px}.grid{grid-template-columns:1fr;gap:20px}.filter-row{padding-bottom:18px}.sort-label{margin-top:9px}.card-body{padding:16px}.card h3{font-size:16px;min-height:0}.empty{padding:32px 12px}.empty h3{font-size:18px}.art-caption,.tiny-heart,.orbit{display:none}.dialog-buttons{flex-direction:column}dialog{padding:22px}.top-actions .button{max-width:145px}.top-actions .button span{display:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.source-tabs{display:flex;gap:10px;margin:22px 0 12px}.source-tabs .chip{flex:1;padding:12px;font-size:13px}.audio-art{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 20%,#edf1b3,transparent 60%),#d6c5f0}.audio-note{font-size:74px;line-height:1.2;color:#5b447a;transform:rotate(-10deg)}.audio-caption{font-size:11px;color:#655475;letter-spacing:.6px;margin-top:10px}.audio-player{display:block;width:100%;height:42px;margin:0 0 14px}.audio-modal #player{aspect-ratio:auto;padding:28px;background:#e9e0f3}.audio-modal .audio-player{margin:0}input[type=file]{padding:16px 10px;border-style:dashed}input[type=file]::file-selector-button{border:0;border-radius:5px;padding:8px;background:#e9e0f3;color:#57436e;margin-right:10px;font:inherit}