*{box-sizing:border-box;letter-spacing:0}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#141c22;color:#eef2ef}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit;background:#293b43;border:1px solid #53676c;border-radius:5px;padding:10px 14px;min-height:40px}button:hover{background:#354d54}button:disabled{opacity:.45;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #e1bc74;outline-offset:3px}[hidden]{display:none!important}.primary{background:#c6d8b1;color:#223329;border-color:#dfe9d4;font-weight:650}.primary:hover{background:#e1eaca}.danger{color:#e4a1a1}.lucide{width:19px;height:19px;stroke-width:1.7}.toolbar{height:62px;padding:0 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff20;background:#19262c;position:relative;z-index:10}.brand{font-weight:650;font-size:18px}.toolbar nav{margin-left:auto;display:flex;align-items:center;gap:8px}.toolbar button,.toolbar .home{display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:8px}.toolbar #session-tools{display:flex;gap:6px;align-items:center}.toolbar small{font-size:10px;color:#b5c8c6;margin-right:8px}.save-intro{max-width:1000px;margin:auto;padding:48px 24px 24px}.eyebrow{font-size:11px;color:#a7c6ba;margin:0 0 12px}.save-intro h1{font-size:38px;margin:0 0 14px;font-weight:650}.save-intro p{color:#b6c6c5;line-height:1.9;font-size:14px;max-width:580px}.slot-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1000px;padding:0 24px;margin:0 auto 28px}.save-slot{border:1px solid #52666b;border-radius:8px;background:#22333a;padding:24px;min-height:260px;display:flex;flex-direction:column}.slot-number{font-size:32px;color:#a1bdb1;font-weight:300}.save-slot h2{font-size:18px;margin:22px 0 8px}.save-slot p{font-size:11px;line-height:1.6;color:#aac0bf;flex:1}.slot-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.slot-actions button{font-size:11px;padding:5px 7px;min-height:30px;background:none;border-color:#ffffff24}.storage-note{max-width:952px;margin:0 auto;padding:0 24px 40px;color:#9fb5b7;font-size:12px;line-height:1.8}.notice{position:fixed;bottom:14px;left:50%;transform:translateX(-50%);z-index:80;background:#d9e7cf;color:#203b2c;border-radius:5px;padding:9px 15px;font-size:12px;max-width:90%;box-shadow:0 3px 16px #0003;pointer-events:none}.notice.error{background:#753744;color:#fff;pointer-events:auto}.tabbar{display:flex;gap:6px;flex-wrap:wrap}.tabbar button{font-size:12px;min-height:35px;padding:7px 12px}.tabbar button.active{background:#b8cda6;color:#26372b;border-color:#d4dfc9}.empty{color:#a6b9b7;font-size:13px;padding:15px 0}.modal{border:1px solid #7d9390;border-radius:8px;padding:24px;background:#1f3339;color:#edf0e9;width:min(600px,calc(100% - 28px));max-height:88dvh;overflow:auto}.modal::backdrop{background:#071215c9}.modal h2{font-size:23px}.modal-head{display:flex;justify-content:space-between;align-items:center}.modal p{font-size:14px;line-height:1.9;color:#c2d3ce}.modal-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.meter{height:5px;background:#0d1b21;border-radius:3px;overflow:hidden}.meter i{display:block;height:100%;background:#9cc68e}
@media(max-width:600px){.toolbar{height:54px;padding:0 12px;gap:8px}.brand{font-size:16px}.toolbar small{display:none}.toolbar nav{gap:5px}.toolbar button,.toolbar .home{width:33px;height:35px;min-height:35px;padding:7px}.save-intro{padding:32px 20px 20px}.save-intro h1{font-size:32px}.slot-grid{grid-template-columns:1fr;padding:0 20px;gap:12px}.save-slot{min-height:200px;padding:20px}.save-slot h2{margin-top:12px}.notice{font-size:11px;bottom:8px}.modal{padding:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}