:root{--bg:#f3eae5;--cream:#fffaf7;--plum:#513046;--ink:#3c2935;--muted:#8d7e82;--accent:#8c5a73;--border:#eee2df;--shadow:0 9px 25px #5d324017}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#ede7e3;color:var(--ink);font:15px/1.48 system-ui,-apple-system,'Segoe UI',sans-serif}.shell{width:min(100%,480px);min-height:100vh;margin:auto;background:var(--bg);box-shadow:0 0 45px #412b2d19;padding-bottom:106px}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,.serif{font-family:Georgia,'Times New Roman',serif;color:var(--plum);font-weight:500}h1{font-size:39px;margin:0}h2{font-size:27px;margin:0 0 10px}h3{font-size:20px;margin:0}.hero{height:auto;aspect-ratio:618/352;background-image:url('./assets/hero.jpg');background-size:100% 100%;background-position:center;border-radius:0 0 22px 22px;position:relative}.head-actions{position:absolute;right:15px;top:12px}.small-round{border:0;border-radius:50%;background:#fff9f3dd;width:37px;height:37px;font-size:21px;color:var(--plum)}.content{padding:13px 14px 16px}.panel,.tile,.rec-item,.paper{background:var(--cream);border:1px solid #fff;box-shadow:var(--shadow);border-radius:24px}.panel{padding:17px;margin-bottom:13px}.mind-title{font-size:27px;line-height:1.1;margin:0 0 10px}.mind-main{display:flex;gap:12px;align-items:center}.mind-main img{width:87px;height:87px;object-fit:cover;border-radius:16px}.mind-main .flex{flex:1}.mind-main h3{margin:0 0 4px}.note{color:var(--muted);font-size:13px}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}.action-grid button{border:0;padding:10px 2px;border-radius:12px;background:#f5edeb;color:var(--plum);font-size:11px;min-height:62px}.action-grid button b{display:block;font-size:21px;font-weight:400;margin-bottom:3px}.four-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:13px 0}.tile{padding:16px 13px;text-align:left;min-height:145px;border:0;color:var(--plum);display:flex;flex-direction:column;justify-content:center;gap:6px}.tile .art{font-family:Georgia,serif;font-size:37px;color:#9a697e;font-weight:400}.tile b{font-family:Georgia,serif;font-size:21px;line-height:1.16;font-weight:500}.tile .desc{color:var(--muted);font-size:12px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:15px 2px 9px}.section-head h2{font-size:24px;margin:0}.continue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.rec-item{padding:0 0 8px;overflow:hidden;border-radius:15px;text-align:left;border:0;min-width:0}.rec-item img{width:100%;height:74px;object-fit:cover;display:block}.rec-item b{display:block;font-family:Georgia,serif;font-size:13px;font-weight:500;line-height:1.2;padding:8px 5px 0;color:var(--plum)}.to-top{width:100%;margin:14px 0 6px;background:#ecdfdc;border:none;color:var(--plum);border-radius:40px;padding:13px;font-size:16px}.tabbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);background:#fffbf8f5;backdrop-filter:blur(10px);border-top:1px solid #efdfdf;display:flex;justify-content:space-around;padding:8px 3px max(8px,env(safe-area-inset-bottom));z-index:20}.tabbar button{border:0;background:none;color:var(--muted);font-size:11px;min-width:0;flex:1;padding:2px}.tabbar button span{display:block;font-size:24px;line-height:29px}.tabbar button.active{color:var(--plum);font-weight:700}.floating-up{position:fixed;bottom:90px;right:max(14px,calc((100vw - 480px)/2 + 13px));z-index:19;background:var(--cream);color:var(--plum);border:1px solid var(--border);border-radius:25px;padding:8px 14px;box-shadow:var(--shadow)}.subhead{display:flex;align-items:center;gap:12px;padding:19px 14px 8px}.subhead h1{font-size:30px}.back{background:none;border:none;font-size:25px;color:var(--plum)}.stack{padding:10px 14px 20px}.row-card{display:flex;gap:12px;align-items:center;background:var(--cream);border:1px solid #ffffff;border-radius:17px;box-shadow:var(--shadow);padding:15px;margin-bottom:10px;text-align:left;width:100%;color:var(--ink)}.row-card .symbol{font-size:29px;color:#8b6375;min-width:36px;text-align:center}.row-card .grow{flex:1}.row-card strong{display:block;font-size:16px;font-weight:600;color:var(--plum)}.row-card small{color:var(--muted);font-size:12px}.tag{font-size:11px;background:#f0e4e4;color:var(--plum);border-radius:8px;padding:3px 7px}.tags{display:flex;flex-wrap:wrap;gap:5px;margin:8px 0}.btn{background:var(--accent);border:0;color:white;padding:11px 15px;border-radius:13px}.btn.secondary{background:#eee2e0;color:var(--plum)}.btn.ghost{background:transparent;border:1px solid #d6c3c7;color:var(--plum)}.buttons{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.paper{padding:18px;margin-bottom:12px;line-height:1.65}.paper h3{margin:12px 0 5px}.paper p{margin:8px 0}.steps{padding-left:23px}.steps li{padding:6px 0}.input,.select,.area{display:block;width:100%;padding:11px 12px;background:#fffcfa;border:1px solid #dbcbd0;border-radius:12px;color:var(--ink);margin:8px 0}.area{min-height:110px;resize:vertical}.player{width:100%;max-height:55vh;background:#1f1a1e;border-radius:14px}.muted{color:var(--muted)}.file-list .row-card{align-items:flex-start}.empty{border:1px dashed #c9b7bf;border-radius:18px;padding:20px;color:var(--muted);text-align:center;margin:12px 0}.warning{font-size:12px;color:#735b5e;background:#f6e9e2;padding:12px;border-radius:11px}.cover{width:64px;height:72px;border-radius:9px;object-fit:cover}.veil{position:fixed;inset:0;background:#241b2496;z-index:40;display:flex;align-items:center;justify-content:center;padding:14px}.modal{width:min(100%,620px);max-height:92vh;overflow:auto;background:var(--bg);border-radius:20px;padding:14px}.modal iframe{width:100%;height:68vh;border:0}.mini{font-size:12px;color:var(--muted)}@media(min-width:800px){.shell{min-height:100vh}}@media(max-width:375px){.mind-title{font-size:24px}.tile{padding:12px;min-height:130px}.tile b{font-size:19px}.action-grid button{font-size:10px}.rec-item img{height:57px}}