*,*:before,*:after{box-sizing:border-box}html,body,h1,h2,p,ul,li,button{margin:0;padding:0}button,input,textarea,select{font:inherit}:root{--app-width: 390px;--app-height: 844px;--app-scale: min(calc(100vw / var(--app-width)), calc(100dvh / var(--app-height)));--safe-bottom: env(safe-area-inset-bottom, 0px);--bg-top: #07111f;--bg-bottom: #130b1d;--panel: rgba(11, 20, 36, .86);--panel-border: rgba(145, 189, 255, .18);--text-main: #f6f8ff;--text-muted: #aab9d6;--accent: #ffbf69;--accent-strong: #ff7f50;--accent-cool: #72ddf7}html{background:radial-gradient(circle at top,rgba(114,221,247,.2),transparent 28%),linear-gradient(180deg,var(--bg-top),var(--bg-bottom))}body{width:var(--app-width);min-height:calc(100dvh / var(--app-scale));margin:0 auto;display:flex;flex-direction:column;overflow-x:hidden;transform:scale(var(--app-scale));transform-origin:top center;font-family:Avenir Next,Pretendard,Apple SD Gothic Neo,sans-serif;color:var(--text-main);background:radial-gradient(circle at 20% 0%,rgba(255,191,105,.17),transparent 28%),linear-gradient(180deg,#040912,#0f1527 45%,#1b1027)}#app{min-height:calc(100dvh / var(--app-scale))}.shell{min-height:calc(100dvh / var(--app-scale));padding:28px 20px calc(32px + var(--safe-bottom));display:grid;gap:16px}.hero{padding:24px 22px;border-radius:28px;background:linear-gradient(135deg,#ffbf6933,#72ddf724),#0a0e1abf;border:1px solid rgba(255,255,255,.1);box-shadow:0 28px 48px #00000047}.eyebrow{margin:0 0 10px;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero h1{margin:0;font-family:Iowan Old Style,Georgia,serif;font-size:2.35rem;line-height:1.02}.summary{margin:14px 0 0;color:var(--text-muted);line-height:1.5}.panel{padding:18px;border-radius:24px;background:var(--panel);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics article{padding:12px;border-radius:18px;background:#ffffff0a}.metrics span,.label,.panel-header span{display:block;color:var(--text-muted);font-size:.82rem}.metrics strong,.status strong{display:block;margin-top:6px;font-size:1.35rem}.status{display:grid;gap:14px}.meter{display:grid;gap:8px}.meter-copy{display:flex;justify-content:space-between;color:var(--text-muted);font-size:.88rem}.meter-track{height:10px;border-radius:999px;background:#ffffff14;overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong),var(--accent-cool))}.actions{display:grid;gap:10px}.actions button{appearance:none;border:0;border-radius:18px;padding:16px 18px;background:linear-gradient(135deg,#ffbf692e,#ff7f502e),#121623f0;color:var(--text-main);font:inherit;font-weight:600;text-align:left}.actions button:active{transform:translateY(1px)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.panel-header h2{margin:0;font-size:1rem}.logbook ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}.logbook li{padding:14px 16px;border-radius:16px;background:#ffffff0a;color:#dce6f7;line-height:1.45}