:root{--lumina-pink:#c43f7c;--lumina-pink-soft:#ed8bb3;--lumina-black:#171717;--lumina-white:#fff;--lumina-pink-light:#fcebf3;--radius:12px;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);color:var(--lumina-black);background:var(--lumina-pink-light);margin:0}a{color:inherit;text-decoration:none}.layout{min-height:100vh}.content{padding:24px 16px calc(96px + env(safe-area-inset-bottom));max-width:960px;margin:0 auto}.card{background:var(--lumina-white);border-radius:var(--radius);border:1px solid var(--lumina-pink-soft);padding:24px}.card h1{color:var(--lumina-pink);margin-top:0}.topbar{z-index:20;background:var(--lumina-black);color:var(--lumina-white);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:sticky;top:0}.brand{color:var(--lumina-pink-soft);font-size:1.4rem;font-weight:700}.period{align-items:center;gap:6px;display:flex}.period select{background:var(--lumina-white);color:var(--lumina-black);font:inherit;border:0;border-radius:8px;padding:6px 8px}.icon-btn{width:34px;height:34px;color:var(--lumina-white);cursor:pointer;background:#ed8bb333;border:0;border-radius:50%;justify-content:center;align-items:center;font-size:1.1rem;display:inline-flex}.icon-btn:hover{background:var(--lumina-pink)}.bottom-nav{z-index:30;background:var(--lumina-white);border-top:2px solid var(--lumina-pink-soft);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(3,minmax(0,1fr)) 72px repeat(3,minmax(0,1fr));align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{text-align:center;min-height:58px;color:var(--lumina-black);justify-content:center;align-items:center;padding:4px 2px;font-size:.68rem;font-weight:600;line-height:1.15;display:flex}.tab.active{color:var(--lumina-pink);box-shadow:inset 0 3px 0 var(--lumina-pink)}.fab-wrap{justify-content:center;display:flex;position:relative}.fab{border:4px solid var(--lumina-white);background:var(--lumina-pink);width:60px;height:60px;color:var(--lumina-white);cursor:pointer;border-radius:50%;margin-top:-30px;font-size:2rem;line-height:1;transition:transform .15s;box-shadow:0 4px 14px #c43f7c80}.fab.open{background:var(--lumina-black);transform:rotate(45deg)}.fab-backdrop{z-index:-1;background:#17171759;position:fixed;inset:0}.fab-menu{background:var(--lumina-white);border:1px solid var(--lumina-pink-soft);border-radius:var(--radius);min-width:200px;margin:0;padding:8px;list-style:none;position:absolute;bottom:74px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #17171740}.fab-menu button{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:12px;font-weight:600}.fab-menu button:hover{background:var(--lumina-pink-light);color:var(--lumina-pink)}@media (width<=520px){.topbar{gap:6px;padding:8px 10px}.brand{font-size:1.15rem}.period{gap:3px}.period select{padding:4px 2px;font-size:.8rem}.icon-btn{flex:none;width:30px;height:30px}.tab{letter-spacing:-.01em;font-size:.58rem}}