*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:#faf8f5;color:#1a1a1a}button,input,textarea,select{font:inherit}.app-shell{display:flex;min-height:100vh;min-height:100dvh;background:#faf8f5;font-family:Georgia,Times New Roman,serif;overflow:hidden}.app-main{flex:1;min-width:0;overflow-y:auto;position:relative}.cover-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#faf8f5;padding:clamp(40px,8vw,60px) clamp(20px,6vw,32px);text-align:center}.chapter-shell{width:min(100%,var(--chapter-width, 680px));margin:0 auto;padding:clamp(28px,6vw,48px) clamp(16px,5vw,24px)}.chapter-shell--final{padding:clamp(40px,8vw,72px) clamp(20px,6vw,32px) calc(84px + env(safe-area-inset-bottom))}.app-sidebar{width:220px;flex-shrink:0;background:#fff;border-right:1px solid #ede9e2;display:flex;flex-direction:column;padding:28px 0;overflow-y:auto}.app-main{overflow-x:hidden}@media (max-width: 900px){.app-sidebar{display:none}.chapter-shell{overflow-wrap:anywhere;word-break:break-word}}.top-bar{position:sticky;top:0;z-index:20;background:#faf8f5eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #ede9e2;padding:12px clamp(16px,4vw,32px);display:flex;align-items:center;justify-content:space-between;gap:12px}.top-bar__controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.mobile-nav-toggle,.mobile-nav-button{border-radius:999px;border:1px solid #e0e0e0;background:#fff;color:#666;cursor:pointer;font-family:Courier New,monospace}.mobile-nav-toggle{display:none;padding:6px 12px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mobile-nav-sheet,.mobile-nav-meta,.matrix-mobile-list{display:none}.matrix-mobile-grid{display:grid;gap:12px}.matrix-mobile-card{width:100%;text-align:left;border-radius:14px;border:2px solid transparent;background:#fff;padding:14px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.matrix-mobile-card:active{transform:scale(.98)}.matrix-mobile-card--active{transform:translateY(-1px)}.matrix-mobile-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.matrix-mobile-card-pair{display:flex;align-items:center;gap:8px;min-width:0}.matrix-mobile-card-names{min-width:0}.matrix-mobile-card-label{font-size:13px;line-height:1.45;color:#555}.matrix-scroll{margin-bottom:32px}@media (min-width: 901px){.chapter-shell{padding:48px 24px}.chapter-shell--final{padding:72px 32px 80px}}@media (max-width: 900px){.app-shell{display:block;overflow:visible}.app-main{min-height:100vh;min-height:100dvh;padding-bottom:24px}.top-bar{align-items:flex-start;flex-wrap:wrap}.top-bar__status{width:100%;order:3}.mobile-nav-toggle,.mobile-nav-meta,.mobile-nav-sheet,.matrix-mobile-list{display:block}.mobile-nav-sheet{position:sticky;top:57px;z-index:19;padding:12px 16px 16px;background:#faf8f5fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #ede9e2}.mobile-nav-meta{width:100%;font-size:10px;color:#999;font-family:Courier New,monospace;letter-spacing:.06em;text-transform:uppercase}.mobile-nav-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.mobile-nav-button{width:100%;padding:11px 12px;text-align:left;font-size:11px;letter-spacing:.04em}.matrix-scroll{display:none}}@media (max-width: 640px){.cover-avatars{gap:10px}.mobile-nav-grid{grid-template-columns:1fr}.top-bar__controls{width:100%;justify-content:space-between}}