.app-shell{background:#fff;border-inline:1px solid #e5e7eb;width:100%;max-width:480px;height:100dvh;margin:0 auto;position:relative;overflow:hidden}.app-header{z-index:20;width:100%;max-width:480px;height:calc(56px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:#ffffffeb;border-bottom:1px solid #e5e7eb;grid-template-columns:56px 1fr 56px;align-items:end;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%)}.app-header h1{text-align:center;margin:0;padding-bottom:16px;font-size:17px;font-weight:700;line-height:1}.header-button{color:#111827;cursor:pointer;background:0 0;place-items:center;width:56px;height:56px;padding:0 0 5px;font-size:34px;line-height:1;display:grid}.header-button:disabled{color:#0000;cursor:default}.header-spacer{width:56px;height:56px}.page-stack{width:100%;height:100%;padding-top:calc(56px + env(safe-area-inset-top));padding-bottom:calc(64px + env(safe-area-inset-bottom));position:relative;overflow:hidden}.page-screen{inset:calc(56px + env(safe-area-inset-top)) 0 calc(64px + env(safe-area-inset-bottom));touch-action:pan-y;will-change:transform;backface-visibility:hidden;background:#fff;position:absolute;overflow:hidden;transform:translateZ(0)}.detail-page-screen{inset:calc(56px + env(safe-area-inset-top)) 0 0}.page-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto}.page-content{flex-direction:column;gap:16px;min-height:100%;padding:24px 20px 32px;display:flex}.page-content h2{color:#111827;margin:0;font-size:28px;line-height:1.2}.page-content p{color:#6b7280;margin:0;font-size:15px;line-height:1.55}.list{flex-direction:column;gap:10px;padding-top:4px;display:flex}.list-item{min-height:72px;color:inherit;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;justify-content:center;gap:6px;padding:14px;text-decoration:none;display:flex}.list-item strong{color:#111827;font-size:16px}.list-item span{color:#6b7280;font-size:14px}.primary-button{color:#fff;cursor:pointer;background:#111827;border-radius:8px;width:100%;height:48px;font-weight:700}.detail-page{background:#f9fafb}.detail-box{color:#fff;background:#111827;border-radius:8px;flex-direction:column;justify-content:center;gap:10px;min-height:128px;padding:18px;display:flex}.detail-box strong{font-size:18px}.detail-box span{color:#d1d5db;font-size:14px;line-height:1.5}.bottom-nav{z-index:20;width:100%;max-width:480px;height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffffff0;border-top:1px solid #e5e7eb;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav-item{color:#6b7280;place-items:center;font-size:13px;font-weight:700;text-decoration:none;display:grid}.bottom-nav-item.active{color:#111827}.sheet-layer{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{background:#00000059;position:absolute;inset:0}.bottom-sheet{z-index:1;width:100%;max-width:480px;padding:10px 20px calc(20px + env(safe-area-inset-bottom));touch-action:none;background:#fff;border-radius:16px 16px 0 0;position:relative;box-shadow:0 -12px 40px #00000024}.sheet-handle{background:#d1d5db;border-radius:999px;width:44px;height:5px;margin:0 auto 18px}.bottom-sheet h2{color:#111827;margin:0 0 16px;font-size:20px}.sheet-menu{flex-direction:column;gap:8px;display:flex}.sheet-menu button{color:#111827;cursor:pointer;text-align:left;background:#f3f4f6;border-radius:8px;height:48px;padding:0 14px}@media (width<=480px){.app-shell,.app-header,.bottom-nav,.bottom-sheet{border-inline:0;max-width:none}}:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f4f6;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}button,a{font:inherit;-webkit-tap-highlight-color:transparent}button{border:0}