:root{--bg:#f5ead8;--paper:#fffaf1;--surface:#ebddc5;--ink:#201e1d;--muted:#746d62;--line:#d8cdbc;--rust:#c67139;--rust-dark:#8c491a;--sage:#7a8a5e;--sage-light:#e1eecc;--shadow:0 16px 44px #3e30231a;--r:24px}*{box-sizing:border-box}html{background:#e7dac7}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Avenir,"Segoe UI",sans-serif;min-height:100vh}button,input,textarea{font:inherit}button{color:inherit}.app{width:min(100%,540px);min-height:100vh;margin:auto;background:var(--bg);position:relative;padding-bottom:92px;box-shadow:0 0 70px #2e241b18}.top{padding:calc(18px + env(safe-area-inset-top)) 22px 8px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Georgia,serif;font-size:25px;font-weight:700}.online{font-size:12px;color:var(--sage);display:flex;align-items:center;gap:6px}.online:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.page{padding:12px 22px 30px;animation:in .25s ease}@keyframes in{from{opacity:.35;transform:translateY(5px)}}h1,h2,h3{font-family:Georgia,serif;line-height:1.12;margin:0}h1{font-size:31px}h2{font-size:22px}h3{font-size:17px}.sub{color:var(--muted);font-size:14px;margin:7px 0 22px}.hero{background:var(--rust);color:#fff7ec;border-radius:32px;padding:24px;margin-top:8px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero:after{content:"";position:absolute;width:180px;height:180px;border:28px solid #ffffff18;border-radius:50%;right:-75px;top:-70px}.hero h1{font-size:33px;max-width:280px}.hero p{opacity:.84;max-width:320px}.profile-line{display:flex;align-items:center;gap:10px;margin-top:24px;font-size:13px}.avatar{width:38px;height:38px;border-radius:50%;background:#ffffff26;display:grid;place-items:center;font-family:Georgia,serif}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:17px;box-shadow:0 2px 8px #40301d0c}.click{cursor:pointer;transition:.18s}.click:active{transform:scale(.98)}.round-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#ffe1d0;color:var(--rust-dark);font-size:19px}.sage{background:var(--sage-light);color:#56633f}.card h3{margin-top:13px}.meta{font-size:12px;color:var(--muted);margin-top:4px}.section-head{display:flex;align-items:end;justify-content:space-between;margin:28px 0 12px}.link{color:var(--rust-dark);font-size:13px;font-weight:700;cursor:pointer}.continue{display:flex;gap:14px;align-items:center}.cover{width:92px;height:72px;border-radius:17px;background:repeating-linear-gradient(135deg,#ccdbb2 0 10px,#e1eecc 10px 20px);display:grid;place-items:center;flex:none}.play{width:38px;height:38px;background:#fffc;border-radius:50%;display:grid;place-items:center;color:var(--rust)}.progress{height:6px;background:#ded5c6;border-radius:9px;overflow:hidden;margin-top:12px}.progress i{height:100%;display:block;background:var(--rust);border-radius:9px}.nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);background:#fffaf1ee;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:9px 10px calc(9px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr)}.nav button{border:0;background:none;font-size:10px;color:#8b8376;padding:4px 0;cursor:pointer}.nav b{display:block;font-size:20px;line-height:1.35}.nav .active{color:var(--rust-dark)}.days,.chips{display:flex;gap:9px;overflow:auto;padding:2px 0 6px}.day,.slot,.chip{border:1px solid var(--line);background:var(--paper);border-radius:17px;padding:11px 14px;white-space:nowrap;cursor:pointer}.day{min-width:58px;text-align:center}.day small{display:block}.selected{background:var(--rust)!important;color:white!important;border-color:var(--rust)!important}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.slot{text-align:center}.btn{border:0;border-radius:999px;padding:14px 20px;font-weight:700;cursor:pointer}.primary{background:var(--rust);color:white;width:100%;margin-top:22px}.notice{background:var(--sage-light);color:#485536;padding:14px;border-radius:18px;font-size:13px;margin-top:20px}.booked{text-align:center;padding:30px 20px}.check{width:64px;height:64px;background:var(--sage-light);color:#56633f;border-radius:50%;display:grid;place-items:center;font-size:30px;margin:auto}.list{display:flex;flex-direction:column;gap:13px}.course-cover{height:118px;border-radius:20px 20px 0 0;background:repeating-linear-gradient(135deg,#ccdbb2 0 12px,#e1eecc 12px 24px)}.course{padding:0;overflow:hidden}.course-body{padding:16px}.price{font-weight:800;color:var(--rust-dark);margin-top:12px}.books{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.book-cover{aspect-ratio:2/3;border-radius:14px;padding:14px;color:white;display:flex;align-items:flex-end;font-family:Georgia,serif;font-size:17px;box-shadow:var(--shadow)}.field{margin:15px 0}.field label{font-size:12px;color:var(--muted);display:block;margin-bottom:6px}.input{width:100%;border:1px solid var(--line);border-radius:16px;background:var(--paper);padding:13px;color:var(--ink)}textarea.input{min-height:110px;resize:vertical}.mood{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.mood button{border:1px solid var(--line);background:var(--paper);border-radius:16px;padding:10px 4px;font-size:22px}.entry{margin-top:12px}.entry time{font-size:11px;color:var(--muted)}.profile{text-align:center}.big-avatar{width:90px;height:90px;border-radius:50%;margin:12px auto;background:linear-gradient(140deg,#ffe1d0,#f6a06b);display:grid;place-items:center;font:36px Georgia}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:22px 0}.stat{text-align:center;padding:14px 5px}.stat b{font-size:23px;color:var(--rust-dark)}.modal{position:fixed;z-index:40;inset:0;background:#2e2720aa;display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(100%,540px);background:var(--bg);border-radius:30px 30px 0 0;padding:22px;max-height:90vh;overflow:auto;animation:up .25s ease}@keyframes up{from{transform:translateY(100%)}}.close{float:right;border:0;background:var(--paper);border-radius:50%;width:38px;height:38px;font-size:20px}.toast{position:fixed;z-index:80;left:50%;bottom:100px;transform:translate(-50%,20px);background:#28231f;color:white;border-radius:999px;padding:11px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}.empty{color:var(--muted);font-size:13px;text-align:center;padding:20px}@media(min-width:700px){body{padding:30px 0}.app{min-height:calc(100vh - 60px);border-radius:36px;overflow:hidden}.nav{bottom:30px;border-radius:0 0 36px 36px}}