.home[data-v-41abca28]{min-height:100vh;min-height:100dvh;background:radial-gradient(110% 60% at 0% 0%,rgba(40,90,100,.25) 0%,transparent 55%),radial-gradient(120% 60% at 100% 30%,rgba(30,60,70,.15) 0%,transparent 55%),var(--c-ink);padding:20px 18px 90px;overflow-x:hidden}.home__head[data-v-41abca28]{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.home__brand[data-v-41abca28]{display:flex;align-items:center;gap:10px}.home__dot[data-v-41abca28]{width:10px;height:10px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 3px #f9731633}.home__bname[data-v-41abca28]{font-weight:700;font-size:13px;color:var(--c-fg-mute)}.home__actions[data-v-41abca28]{display:flex;gap:8px}.iconbtn[data-v-41abca28]{width:38px;height:38px;border-radius:50%;background:var(--c-glass);border:1px solid var(--c-stroke);display:grid;place-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--c-fg-mute);text-decoration:none}.home__title[data-v-41abca28]{font-family:var(--font-display);font-weight:700;font-size:28px;line-height:1.1;letter-spacing:-.01em;margin-bottom:18px}.home__title-2[data-v-41abca28]{font-weight:800;color:var(--c-accent)}.pills[data-v-41abca28]{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-bottom:20px;padding-bottom:2px}.pills[data-v-41abca28]::-webkit-scrollbar{display:none}.pill[data-v-41abca28]{flex:0 0 auto;height:34px;padding:0 16px;border-radius:var(--r-pill);background:var(--c-glass);border:1px solid var(--c-stroke);color:var(--c-fg-mute);font-size:12px;font-weight:600;white-space:nowrap;transition:all .15s}.pill[data-v-41abca28]:active{transform:scale(.97)}.pill--on[data-v-41abca28]{background:var(--c-accent);border-color:transparent;color:#fff;box-shadow:0 8px 18px -8px #f9731699}.section[data-v-41abca28]{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}.section__t[data-v-41abca28]{font-weight:700;font-size:17px}.section__all[data-v-41abca28]{color:var(--c-fg-faint);font-size:12px;font-weight:500}.cards[data-v-41abca28]{display:flex;flex-direction:column;gap:16px}.card[data-v-41abca28]{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--c-glass);border:1px solid var(--c-stroke-soft);cursor:pointer;transition:transform .15s}.card[data-v-41abca28]:active{transform:scale(.98)}.card__cover[data-v-41abca28]{position:relative;height:160px;background:var(--c-ink-2);overflow:hidden}.card__cover-img[data-v-41abca28]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.card__cover-placeholder[data-v-41abca28]{width:100%;height:100%;background:linear-gradient(135deg,#28505a4d,#14283280)}.card__cover-overlay[data-v-41abca28]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.2) 0%,transparent 40%,transparent 60%,rgba(10,21,23,.4) 100%);pointer-events:none}.card__badge[data-v-41abca28]{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--c-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-stroke);font-size:11px;font-weight:700;z-index:2}.card__badge-dot[data-v-41abca28]{width:6px;height:6px;border-radius:50%}.card__status[data-v-41abca28]{position:absolute;top:10px;right:10px;height:26px;padding:0 10px;border-radius:var(--r-pill);background:var(--c-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-stroke);font-size:10px;font-weight:600;display:flex;align-items:center;color:var(--c-fg-faint);z-index:2}.card__status--done[data-v-41abca28]{color:var(--c-success);border-color:#10b9814d}.card__status--progress[data-v-41abca28]{color:var(--c-accent);border-color:#f973164d}.card__profile[data-v-41abca28]{display:flex;align-items:center;gap:12px;padding:0 16px 14px;margin-top:-28px;position:relative;z-index:2}.card__avatar[data-v-41abca28]{width:56px;height:56px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid var(--c-ink);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px -4px #0006}.card__avatar img[data-v-41abca28]{width:100%;height:100%;object-fit:contain}.card__avatar-num[data-v-41abca28]{font-size:16px;font-weight:800;color:#ccc}.card__info[data-v-41abca28]{flex:1;min-width:0;padding-top:30px}.card__name[data-v-41abca28]{margin:0;font-family:var(--font-display);font-weight:700;font-size:15px;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__where[data-v-41abca28]{margin:2px 0 0;font-size:11px;color:var(--c-fg-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card__go[data-v-41abca28]{width:38px;height:38px;border-radius:50%;background:var(--c-accent);display:grid;place-items:center;flex-shrink:0;box-shadow:0 8px 18px -6px #f9731699;transition:transform .15s}.card__go[data-v-41abca28]:active{transform:scale(.9)}.tab[data-v-41abca28]{position:fixed;left:50%;bottom:16px;transform:translate(-50%);width:calc(100% - 36px);max-width:464px;height:56px;border-radius:var(--r-pill);background:var(--c-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-stroke);display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:50}.tab__item[data-v-41abca28]{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--r-pill);color:var(--c-fg-faint)}.tab__item--on[data-v-41abca28]{color:#fff;background:var(--c-accent);box-shadow:0 8px 18px -8px #f9731699}.tab__stat[data-v-41abca28]{display:flex;align-items:baseline;gap:6px}.tab__pct[data-v-41abca28]{font-size:16px;font-weight:800;color:var(--c-accent)}.tab__label[data-v-41abca28]{font-size:11px;color:var(--c-fg-faint)}.empty[data-v-41abca28]{text-align:center;padding:40px;color:var(--c-fg-dim);font-size:13px}.dt[data-v-bd9364e9]{min-height:100vh;min-height:100dvh;background:var(--c-ink)}.dt__hero[data-v-bd9364e9]{position:relative;height:45%;min-height:240px;max-height:320px;background:var(--c-ink-2)}.dt__hero-img[data-v-bd9364e9]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dt__hero-empty[data-v-bd9364e9]{width:100%;height:100%;background:linear-gradient(135deg,#28505a4d,#14283280)}.dt__hero-vignette[data-v-bd9364e9]{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 25%,transparent 60%,rgba(10,21,23,.5) 85%,var(--c-ink) 100%)}.dt__top[data-v-bd9364e9]{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:5}.round[data-v-bd9364e9]{width:38px;height:38px;border-radius:50%;background:var(--c-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-stroke);display:grid;place-items:center;transition:transform .15s}.round[data-v-bd9364e9]:active{transform:scale(.94)}.dt__status-badge[data-v-bd9364e9]{height:28px;padding:0 12px;border-radius:var(--r-pill);background:var(--c-glass-strong);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-stroke);font-size:11px;font-weight:700;display:flex;align-items:center}.dt__card[data-v-bd9364e9]{position:relative;margin-top:-24px;padding:24px 20px 32px;background:var(--c-ink);border-top-left-radius:var(--r-lg);border-top-right-radius:var(--r-lg);display:flex;flex-direction:column;gap:16px;z-index:3}.dt__profile[data-v-bd9364e9]{display:flex;align-items:center;gap:14px;margin-top:-36px;position:relative;z-index:4;margin-bottom:-4px}.dt__avatar[data-v-bd9364e9]{width:72px;height:72px;border-radius:50%;overflow:hidden;background:#fff;border:3px solid var(--c-ink);flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px -6px #00000080;font-size:24px;font-weight:800;color:#ccc}.dt__avatar img[data-v-bd9364e9]{width:100%;height:100%;object-fit:contain}.dt__profile-info[data-v-bd9364e9]{flex:1;padding-top:38px}.dt__name[data-v-bd9364e9]{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.02em}.dt__sub[data-v-bd9364e9]{font-size:12px;color:var(--c-fg-faint);margin-top:2px}.dt__pct-ring[data-v-bd9364e9]{width:48px;height:48px;border-radius:50%;border:3px solid var(--pct-color, var(--c-accent));display:grid;place-items:center;flex-shrink:0;font-size:13px;font-weight:800;color:var(--pct-color, var(--c-accent))}.dt__info[data-v-bd9364e9]{display:grid;grid-template-columns:1fr 1fr;gap:8px}.info-box[data-v-bd9364e9]{background:#ffffff08;border:1px solid var(--c-stroke-soft);border-radius:var(--r-xs);padding:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.info-label[data-v-bd9364e9]{display:block;font-size:10px;color:var(--c-fg-dim);text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-bd9364e9]{display:block;font-size:12px;font-weight:700;margin-top:4px}.dt__sect[data-v-bd9364e9]{font-weight:700;font-size:14px;margin:4px 0 -4px}.checklist[data-v-bd9364e9]{background:#ffffff05;border:1px solid var(--c-stroke-soft);border-radius:var(--r-sm);overflow:hidden}.cl-item[data-v-bd9364e9]{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--c-stroke-soft);font-size:13px}.cl-item[data-v-bd9364e9]:last-child{border-bottom:none}.cl-check[data-v-bd9364e9]{width:22px;height:22px;border-radius:7px;background:var(--c-glass-hi);border:1px solid var(--c-stroke);display:grid;place-items:center;flex-shrink:0}.cl-check--done[data-v-bd9364e9]{background:var(--c-success);border-color:var(--c-success)}.cl-text--done[data-v-bd9364e9]{color:var(--c-fg-dim);text-decoration:line-through}.dt__cta[data-v-bd9364e9]{display:flex;flex-direction:column;gap:10px;margin-top:4px}.dt__book[data-v-bd9364e9]{display:flex;align-items:center;justify-content:center;gap:8px;height:52px;border-radius:var(--r-pill);background:var(--c-accent);color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 14px 28px -10px #f973168c;transition:transform .15s}.dt__book[data-v-bd9364e9]:active{transform:scale(.98)}.dt__btns-row[data-v-bd9364e9]{display:flex;gap:8px}.dt__side-btn[data-v-bd9364e9]{flex:0 0 auto;width:52px;height:52px;border-radius:50%;background:var(--c-glass-strong);border:1px solid var(--c-stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;color:var(--c-fg-mute);text-decoration:none;transition:transform .15s}.dt__side-btn[data-v-bd9364e9]:active{transform:scale(.92)}.dt__canva-btn[data-v-bd9364e9]{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:52px;border-radius:var(--r-pill);background:var(--c-accent);color:#fff;font-weight:700;font-size:14px;text-decoration:none;box-shadow:0 14px 28px -10px #f973168c;animation:canvaPulse-bd9364e9 2s ease infinite;transition:transform .15s}.dt__canva-btn[data-v-bd9364e9]:active{transform:scale(.98)}@keyframes canvaPulse-bd9364e9{0%,to{box-shadow:0 14px 28px -10px #f973168c}50%{box-shadow:0 14px 36px -8px #f97316d9,0 0 20px #f973164d}}.app{max-width:500px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative;overflow-x:hidden}.slide-enter-active,.slide-leave-active{transition:all .28s ease}.slide-enter-from{opacity:0;transform:translate(40px)}.slide-leave-to{opacity:0;transform:translate(-40px)}.fade-enter-active,.fade-leave-active{transition:opacity .4s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--c-bg: #1a2a2e;--c-bg-deep: #0f1923;--c-ink: #0a1517;--c-ink-2: #15252a;--c-glass: rgba(20, 32, 36, .55);--c-glass-strong: rgba(14, 22, 25, .78);--c-glass-hi: rgba(255, 255, 255, .08);--c-stroke: rgba(255, 255, 255, .12);--c-stroke-soft: rgba(255, 255, 255, .06);--c-fg: #ffffff;--c-fg-mute: rgba(255, 255, 255, .72);--c-fg-faint: rgba(255, 255, 255, .48);--c-fg-dim: rgba(255, 255, 255, .25);--c-accent: #f97316;--c-accent-2: #fb923c;--c-accent-deep: #ea580c;--c-accent-glow: rgba(249, 115, 22, .55);--c-success: #10b981;--c-success-glow: rgba(16, 185, 129, .15);--r-xs: 10px;--r-sm: 14px;--r-md: 20px;--r-lg: 28px;--r-pill: 999px;--sh-card: 0 18px 40px -16px rgba(0, 0, 0, .55);--sh-glass: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 40px -20px rgba(0,0,0,.6);--font-display: "Plus Jakarta Sans", "Noto Sans Thai", system-ui, sans-serif;--font-text: "Noto Sans Thai", "Plus Jakarta Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-text);color:var(--c-fg);background:var(--c-bg-deep);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}img{display:block;max-width:100%}input,textarea,select{font:inherit}