:root{font-family:system-ui,-apple-system,sans-serif;color:#f6f5ff;color-scheme:dark;background:#091222;--panel:#101c32d9;--ink:#f6f5ff;--muted:#bec6dd;--line:#b7c4ef35;--accent:#f390d6}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #8ff7ee;outline-offset:3px}.backdrop{position:fixed;inset:0;background:linear-gradient(#06132350,#071123c9),url('art/backdrop.webp') center/cover;z-index:-1}#app{max-width:620px;margin:auto;padding:env(safe-area-inset-top) 18px calc(105px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;padding:22px 0 30px;gap:10px}.brand{font-size:26px;font-weight:850;text-decoration:none;color:var(--ink);letter-spacing:-1px}.brand small{display:block;font-size:7px;letter-spacing:1.8px;font-weight:500;margin-top:4px}#wallet{font-size:12px;color:#ffdf91;background:#181a3bbd;border:1px solid #ffc96a50;border-radius:25px;padding:10px}h1{font-size:31px;line-height:1.08;letter-spacing:-1px;margin:10px 0 20px}h2{font-size:21px;letter-spacing:-.5px}h3{font-size:16px;margin:0 0 12px}p{color:var(--muted);line-height:1.6;font-size:14px}.hero{padding:40px 4px 26px}.hero h1{font-size:49px;text-shadow:0 3px 20px #0008}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#e3b4e9;font-weight:700}.glass{padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel);backdrop-filter:blur(15px);margin:14px 0;box-shadow:0 12px 30px #0002}.primary,.secondary{display:block;border-radius:14px;padding:14px 18px;width:100%;font-weight:750;border:1px solid var(--line);text-align:center;text-decoration:none;color:var(--ink);margin-top:12px}.primary{background:linear-gradient(110deg,#ffc58e,#fa5caa);color:#241327;border:0}.secondary{background:#989cdd18}.tiny{font-size:12px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.tile{padding:18px 5px;border-radius:18px;background:#43426b77;border:1px solid var(--line);color:var(--ink)}.tile span{display:block;font-size:27px;margin-bottom:10px}.tile small{font-size:11px}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:620px;display:flex;gap:3px;justify-content:space-around;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:#071120ed;backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:23px 23px 0 0;z-index:4}nav button{background:transparent;color:#bbc3d9;border:0;border-radius:13px;min-width:54px;min-height:48px;font-size:23px;padding:3px 5px}nav small{display:block;font-size:9px;margin-top:5px}nav button.active{background:linear-gradient(135deg,#dc5aa878,#694bde90);color:white}nav .plus{color:#e8a6ff;font-size:29px}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:13px;padding:13px;background:#030c1a77;color:var(--ink);font-size:16px;margin:8px 0}textarea{min-height:100px;resize:vertical}label{display:block;font-size:13px;margin-top:12px}.stars{display:flex;justify-content:space-between;gap:3px}.stars button{font-size:39px;border:0;padding:0;background:none;color:#ffd46f}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mood{padding:12px 3px;background:#19273c;border:1px solid var(--line);border-radius:14px;color:#eee}.mood span{display:block;font-size:26px;margin-bottom:5px}.mood.selected,.chip.selected{border-color:#ff91bf;background:#9b478b60}.chips{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.chip{border:1px solid var(--line);background:#0b172ac9;color:var(--ink);padding:9px 13px;border-radius:22px;font-size:12px}.entry{display:flex;align-items:center;gap:12px}.avatar{width:43px;height:43px;border-radius:50%;background:linear-gradient(135deg,#a05bd0,#3d92ae);object-fit:cover;display:grid;place-items:center;font-size:21px}.entry-content{flex:1;min-width:0}.entry b{display:block;overflow-wrap:anywhere}.entry small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.entry .rating{color:#ffd36d;white-space:nowrap}.entry button{border:0;background:transparent;color:inherit;font-size:20px;padding:10px}.empty{text-align:center;padding:35px 10px}.number{font-size:47px;font-weight:850}.bar-row{display:grid;grid-template-columns:55px 1fr 25px;align-items:center;gap:10px;margin:12px 0;font-size:12px}.bar{height:13px;border-radius:8px;background:#1c2950;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#637cfa,#f876d5);border-radius:8px;min-width:2px}.themes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.theme{padding:10px;border-radius:18px;background:var(--panel);border:1px solid var(--line);overflow:hidden}.theme img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}.theme p{font-size:12px;margin:6px 0}.theme button{font-size:12px;padding:11px 4px}.row{display:flex;justify-content:space-between;align-items:center;gap:10px}.row input[type=checkbox]{width:22px;height:22px}.preview{display:block;width:100%;border-radius:16px;margin:15px auto}.install{border-color:#e8a2df90}dialog{width:calc(100% - 28px);max-width:510px;max-height:88dvh;overflow:auto;background:#0c182c;color:#f6f5ff;border:1px solid #8a91c166;border-radius:23px;padding:20px}dialog::backdrop{background:#020615bb;backdrop-filter:blur(5px)}dialog p{color:#ccd1e5}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#eee;color:#182036;border-radius:18px;padding:14px 20px;z-index:20;max-width:90%;font-size:13px;display:none}.light{--panel:#f7f7ffe8;--ink:#15213a;--muted:#3c4e6b;--line:#55648955;color:var(--ink);color-scheme:light}.light input,.light textarea,.light select{background:#fff9}.light .chip{background:#eef1ff}.light .mood{background:#f2f1fc;color:#15213a}.light .backdrop{opacity:.35}.light .avatar{color:white}@media(prefers-reduced-motion:no-preference){button,a{transition:filter .15s}button:hover,a:hover{filter:brightness(1.1)}}

.tile span{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;line-height:1}.tile small{display:flex;min-height:28px;align-items:center;justify-content:center}.light{background:#eef2fb}.light nav{background:#eef2f9ed}.light nav button{color:#3b4c6c}.light nav button.active{color:#fff}body[data-appearance=dark] .backdrop{opacity:.35}


.findme{background:radial-gradient(ellipse at 95% 0%,#2bc5ba44,transparent 70%),linear-gradient(145deg,#23224ae8,#102133ed);border-color:#77f3d985;color:#fff}.findme h2{font-size:36px;margin:12px 0}.findme p{color:#cedeea}.findme h3{line-height:1.45}

.findme-new{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.65fr);gap:30px;padding:32px!important;border:1px solid #41ddeb80!important;border-radius:26px;background:radial-gradient(ellipse at 100% 20%,#7b30ce55,transparent 65%),linear-gradient(130deg,#06162e,#071020)!important;overflow:hidden;position:relative;color:#f5fbff}.findme-soon{display:inline-block;padding:7px 11px;border:1px solid #54f2ef70;border-radius:30px;font-size:11px;letter-spacing:2px;color:#70f7ee;background:#043c4255}.findme-logo{display:block;width:min(100%,300px);height:auto;margin:15px 0 22px}.findme-new h2{font-size:clamp(24px,3.6vw,42px)!important;line-height:1.15;margin:0 0 15px!important;letter-spacing:-1px}.findme-new h2 em{font-style:normal;color:#50f1ef}.findme-copy>p{font-size:16px;line-height:1.5;color:#d0e4ef}.findme-tags{display:flex;gap:6px;flex-wrap:wrap;margin:18px 0}.findme-tags span{border:1px solid #7a79e266;border-radius:20px;padding:6px 10px;color:#b6f9f8;background:#14244b;font-size:12px}.findme-new .findme-note{font-size:13px;color:#acc6d6}.findme-new small{font-size:11px;color:#8da8bf;line-height:1.5}.findme-art{margin:0;align-self:stretch;position:relative;min-height:320px;border-radius:22px;overflow:hidden;border:1px solid #50dcee70;box-shadow:0 0 35px #7e37f13b}.findme-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.findme-art figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 8px 15px;background:linear-gradient(transparent,#06102df5);font-size:12px;text-align:center;color:#67ffff;letter-spacing:.5px}@media(max-width:600px){.findme-new{padding:20px!important;gap:15px;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr)}.findme-new h2{font-size:23px!important}.findme-art{min-height:280px}.findme-logo{margin-bottom:17px}.findme-copy>p{font-size:14px}.findme-new .findme-note{font-size:12px}.findme-tags{gap:4px}.findme-tags span{font-size:10px;padding:5px 7px}.findme-art figcaption{font-size:10px}}@media(max-width:370px){.findme-new{grid-template-columns:1fr}.findme-art{height:260px;min-height:0}.findme-art img{object-position:center 65%}}

.findme-art img{position:absolute;inset:0}

.dyaro-promo{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;align-items:center;background:linear-gradient(130deg,#102e50,#0b4c67)!important;border:1px solid #68dcf580!important;margin:28px 0}.dyaro-promo>img{width:110px;height:110px;border-radius:24px}.dyaro-promo h2{font-size:34px;margin:10px 0 4px}.dyaro-promo h3{font-size:20px;color:#9deff8;margin:0 0 10px}.dyaro-promo p{font-size:14px;color:#cfe7f3;line-height:1.5}.dyaro-promo .tiny{font-size:11px}.dyaro-promo .button{display:inline-flex;text-align:center;padding:13px 18px;border:1px solid #93e9f8;border-radius:12px;font-weight:700;background:#123a58;color:white;text-decoration:none}@media(max-width:500px){.dyaro-promo{grid-template-columns:70px minmax(0,1fr);gap:15px;padding:20px}.dyaro-promo>img{width:70px;height:70px;border-radius:16px}.dyaro-promo h2{font-size:29px}.dyaro-promo h3{font-size:17px}}
