:root{
 --bg:#fff8fc;--card:#ffffff;--text:#2e2134;--muted:#7c6e82;--pink:#ff7eb6;--violet:#8b5cf6;--lav:#efe6ff;--line:#eadfee;--danger:#c94b63;--shadow:0 14px 36px rgba(105,70,115,.10)
}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:linear-gradient(180deg,#fff8fc 0,#fbf8ff 100%);color:var(--text)}
a{color:inherit;text-decoration:none}.shell{max-width:720px;margin:0 auto;min-height:100vh;padding:20px 18px 104px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.brand{font-weight:800;font-size:22px;letter-spacing:-.4px}.brand span{background:linear-gradient(90deg,var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.muted{color:var(--muted)}
.card{background:rgba(255,255,255,.92);border:1px solid rgba(230,214,236,.9);border-radius:24px;padding:18px;box-shadow:var(--shadow);margin-bottom:16px}.hero{padding:28px 22px;text-align:center;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:-60px auto auto 50%;transform:translateX(-50%);width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(255,126,182,.20),rgba(139,92,246,.06) 55%,transparent 70%)}
.hours{font-size:66px;line-height:.95;font-weight:850;letter-spacing:-3px;background:linear-gradient(135deg,var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}.hours-label{font-size:12px;letter-spacing:2.2px;font-weight:800;margin-top:7px;position:relative}.substats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:18px}.stat{background:#fcf8ff;border-radius:16px;padding:12px 8px}.stat strong{display:block;font-size:17px}.stat span{font-size:11px;color:var(--muted)}
.btn{border:0;border-radius:16px;padding:12px 16px;font-weight:750;cursor:pointer;background:#f2ebf7;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(90deg,var(--pink),var(--violet));color:white}.btn.full{width:100%}.btn.small{padding:9px 12px;border-radius:12px;font-size:13px}.btn.ghost{background:transparent;border:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kicker{font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--violet);font-weight:800}.section-title{font-size:19px;font-weight:800;margin:0 0 12px}.chip{display:inline-flex;padding:8px 11px;border-radius:999px;background:#f6effa;border:1px solid #eadff0;font-size:13px;margin:3px 4px 3px 0}.chip.active{background:linear-gradient(90deg,#ffe3f0,#eee3ff);border-color:#dfc5ea}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#ffd4e7,#e3d5ff);display:grid;place-items:center;font-weight:800;color:#6b4f77;flex:0 0 auto}.avatar.lg{width:82px;height:82px;font-size:28px}.person{padding:14px 0;border-top:1px solid #f0e7f2}.person:first-child{border-top:0}.mini-hours{font-weight:850;color:#8b5cf6}.feed-item{padding:14px 0;border-top:1px solid #f0e7f2}.feed-item:first-child{border-top:0}.feed-actions{display:flex;gap:12px;margin-top:10px;font-size:13px;color:var(--muted)}
label{display:block;font-size:13px;font-weight:750;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid #dfd2e5;border-radius:14px;padding:12px 13px;background:#fff;color:var(--text);font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#b392e9;box-shadow:0 0 0 3px rgba(139,92,246,.08)}textarea{min-height:90px;resize:vertical}.notice{padding:11px 13px;border-radius:14px;background:#f4edff;color:#624e7a;margin-bottom:14px}.error{background:#fff0f3;color:#9e3c51}.success{background:#eefbf2;color:#2f7b4f}.progress{height:10px;border-radius:999px;background:#efe8f3;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet));border-radius:inherit}.nav{position:fixed;z-index:10;left:50%;bottom:0;transform:translateX(-50%);width:min(720px,100%);padding:8px 10px max(10px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #eadfee}.nav a{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:#7a6d7f;padding:6px 2px}.nav a.active{color:#7b4be1;font-weight:800}.nav .practice{transform:translateY(-15px)}.nav .practice i{width:48px;height:48px;border-radius:18px;background:linear-gradient(135deg,var(--pink),var(--violet));color:white;display:grid;place-items:center;font-style:normal;font-size:25px;box-shadow:0 10px 22px rgba(139,92,246,.28)}.nav i{font-style:normal;font-size:19px}.auth{max-width:430px;margin:5vh auto;padding:20px}.auth .logo{text-align:center;font-size:32px;font-weight:900;margin:25px}.auth .logo span{background:linear-gradient(90deg,var(--pink),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px}.tabs a{white-space:nowrap;padding:8px 11px;border-radius:12px;background:#f7f1fa;font-size:13px}.tabs a.active{background:#eadcff;color:#6e43bd;font-weight:800}.empty{text-align:center;padding:30px 10px;color:var(--muted)}.milestone{background:linear-gradient(135deg,#fff0f7,#f0e9ff);border-color:#ecd7f0}.share-card{background:radial-gradient(circle at top,#ffe6f1,#f3edff 55%,#fff);text-align:center;padding:32px 20px}.share-card .hours{font-size:78px}.footer-note{text-align:center;color:var(--muted);font-size:12px;margin-top:24px}
@media(min-width:760px){.shell{padding-top:28px}.nav{border-left:1px solid #eadfee;border-right:1px solid #eadfee;border-radius:22px 22px 0 0}.hero{padding:34px}.hours{font-size:76px}}