@import "https://fonts.googleapis.com/css2?family=Sora:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{--app-vh:100svh;--root-pad-y:clamp(8px, 2.2vh, 28px);--root-pad-x:clamp(8px, 1.8vw, 16px);--bg:#f4efe8;--bg-soft:#fbf7f2;--panel:#ffffffe0;--text:#1c1b21;--text-muted:#5d6270;--line:#1f25341f;--accent:#fc4b86;--accent-strong:#fa6d4a;--like:#0f8a5f;--like-strong:#0a6e4b;--danger:#e05b4f;--danger-strong:#bf4438;--gold:#cf9f22;--gold-light:#f7bb25;--platinum:#1c2127;--platinum-light:#3b444e;--shadow:0 14px 40px #191f2d29;--radius-xl:28px;--radius-lg:18px;--radius-md:14px;--item-bg:#ffffffeb;--item-bg-accent:#fefaf4db}:root[data-theme=dark]{--bg:#0f1622;--bg-soft:#131d2b;--panel:#141f2cdb;--text:#f6f4ef;--text-muted:#b5bfce;--line:#dce6f51f;--accent:#fc4b86;--accent-strong:#fa6d4a;--like:#31b581;--like-strong:#2dca8f;--danger:#ef857d;--danger-strong:#f3a097;--gold:#d9b146;--gold-light:#fdcf4f;--platinum:#9aafc8;--platinum-light:#b0c8e6;--shadow:0 14px 38px #00000080;--item-bg:#152231e6;--item-bg-accent:#182a39d6}html,body{overscroll-behavior-y:none;height:100%;overflow:hidden}#root{height:var(--app-vh);padding:var(--root-pad-y) var(--root-pad-x);overscroll-behavior:none;place-items:center;display:grid;overflow:hidden}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:linear-gradient(135deg, var(--bg), var(--bg-soft));text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Sora,sans-serif}.app-frame{width:min(100%,760px);height:clamp(620px, calc(var(--app-vh) - 2 * var(--root-pad-y)), 860px);max-height:calc(var(--app-vh) - 2 * var(--root-pad-y));background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);overscroll-behavior:none;grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.header-right{align-items:center;gap:12px;display:flex}select{border:1px solid var(--line);background:rgba(var(--bg-soft), .66);color:var(--text);border-radius:12px;font-family:Manrope,sans-serif;font-size:.9rem;text-decoration:none;transition:transform .2s,background .25s,border-color .25s}select option{background:rgba(var(--bg-soft), .66);color:var(--text)}.top-link,.footer-link{color:var(--text);text-align:center;padding:0;font-size:2rem;transition:color .3s}.footer-link{width:100%;height:150%}.action-btn{padding:0}.tier-chip{border:1px solid var(--line);border-radius:12px;justify-content:center;place-items:center;width:38px;height:38px;font-size:18pt;display:grid}.tier-plus{color:#f3fff2;background:linear-gradient(135deg,#fa6d4a,#fc4b86)}.tier-gold{background:linear-gradient(135deg, var(--gold), var(--gold-light));border-color:var(--gold);color:#fcf7ff}.tier-platinum{background:linear-gradient(135deg, var(--platinum), var(--platinum-light));border-color:var(--platinum);color:#fffbf7}.top-link:hover,.footer-link:hover,.tier-chip:hover,.action-btn:hover,select:hover{color:var(--accent)}main{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:clamp(12px,1.8vh,20px);overflow:hidden auto}.page{gap:14px;display:grid}h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(1.4rem,3.2vw,2.1rem)}.page-swipe{overscroll-behavior:contain;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;height:100%;min-height:0;display:grid;overflow:hidden}.profile-card{border-radius:var(--radius-lg);border:1px solid var(--line);background:linear-gradient(165deg, var(--item-bg), var(--item-bg-accent));cursor:grab;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;touch-action:pan-y;min-height:0;padding:16px;overflow:hidden auto}.profile-card::-webkit-scrollbar{width:0;height:0;display:none}.mini-logo{background:linear-gradient(145deg,#077b5433,#21c78c42);border-radius:14px;place-items:center;width:46px;height:46px;margin-bottom:10px;font-family:Manrope,sans-serif;font-weight:700;display:grid}h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(1.2rem,2.8vw,1.6rem)}h2 span,.short-about,.status-note,p,li,.time-row span,label span{color:var(--text)}.short-about{margin-top:10px}.card-section{gap:8px;margin-top:14px;display:grid}h3{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 72%, var(--text-muted));margin:0;font-size:.95rem}.tag-wrap{flex-wrap:wrap;gap:8px;display:flex}.tag-item{border:1px solid var(--line);background:rgba(var(--bg-soft), .66);border-radius:999px;padding:6px 10px;font-size:.82rem}.action-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.action-btn{cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-md);background:0 0;padding:13px;font-size:2rem;font-weight:700}.action-nope{color:var(--danger);background:linear-gradient(-165deg, var(--item-bg), var(--item-bg-accent))}.action-nope:hover{color:var(--danger-strong)}.action-like{color:var(--like);background:linear-gradient(165deg, var(--item-bg), var(--item-bg-accent))}.action-like:hover{color:var(--like-strong)}.footer-nav{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;justify-items:center;gap:10px;padding:14px 20px 16px;display:grid}.list-grid,.settings-grid,.stats-grid,.time-card,.liked-card{gap:10px;display:grid}.group-row{border-radius:var(--radius-md);border:1px solid var(--line);background:linear-gradient(165deg, var(--item-bg), var(--item-bg-accent));color:inherit;justify-content:space-between;align-items:center;padding:12px;text-decoration:none;display:flex}.group-row:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--line))}.status-pill{border:1px solid var(--line);border-radius:999px;padding:4px 10px;font-size:.76rem}.status-like{color:var(--like);border-color:color-mix(in srgb, var(--like) 45%, var(--line))}.status-dislike{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 40%, var(--line))}.status-none{color:var(--text-muted)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.time-card,.liked-card,.tier-card,.settings-grid{border:1px solid var(--line);border-radius:var(--radius-md);background:rgba(var(--bg-soft), .66);padding:12px}.settings-grid{background:linear-gradient(165deg, var(--item-bg), var(--item-bg-accent))}.stat-card p{color:var(--text);margin:8px 0 0;font-family:Manrope,sans-serif;font-size:1.5rem}.time-row{justify-content:space-between;margin-top:6px;display:flex}.liked-card ul{gap:6px;margin:0;padding-left:18px;display:grid}label{gap:6px;display:grid}select{padding:10px;font-size:.92rem}.tier-row{margin:0}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=760px){#root{height:var(--app-vh);padding:0}.app-frame{width:100vw;height:var(--app-vh);border:none;border-radius:0;max-height:none}.app-header{padding:12px 14px}main{padding:10px 12px}.footer-nav{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px))}.stats-grid{grid-template-columns:1fr}}
