.m-shell{--m-accent:#10b981;--m-accent-strong:#059669;--m-accent-soft:color-mix(in oklch,#10b981 20%,transparent);--m-ease-out:cubic-bezier(0.16,1,0.3,1)}[data-theme=dark] .m-shell{--m-page-bg:#0a0a0a;--m-viewport-bg:#0d0d0d;--m-surface:#141414;--m-surface-hover:rgba(255,255,255,0.06);--m-surface-soft:rgba(255,255,255,0.04);--m-border:rgba(255,255,255,0.1);--m-border-strong:rgba(255,255,255,0.18);--m-foreground:#f2f2f2;--m-foreground-muted:#a8a8a8;--m-header-glass:linear-gradient(180deg,rgba(10,10,10,0.94),rgba(10,10,10,0.7) 80%,rgba(10,10,10,0));--m-footer-glass:linear-gradient(0deg,rgba(10,10,10,0.95),rgba(10,10,10,0.7) 70%,rgba(10,10,10,0));--m-reader-glass:rgba(10,10,10,0.94)}:root:not([data-theme=dark]) .m-shell,[data-theme=light] .m-shell{--m-page-bg:#f7f7f7;--m-viewport-bg:#ffffff;--m-surface:#f0f0f0;--m-surface-hover:rgba(0,0,0,0.05);--m-surface-soft:rgba(0,0,0,0.04);--m-border:rgba(0,0,0,0.1);--m-border-strong:rgba(0,0,0,0.18);--m-foreground:#1a1a1a;--m-foreground-muted:#666;--m-header-glass:linear-gradient(180deg,rgba(255,255,255,0.96),rgba(255,255,255,0.75) 80%,rgba(255,255,255,0));--m-footer-glass:linear-gradient(0deg,rgba(255,255,255,0.96),rgba(255,255,255,0.7) 70%,rgba(255,255,255,0));--m-reader-glass:rgba(255,255,255,0.96)}.m-shell{background:var(--m-page-bg);color:var(--m-foreground);min-height:100dvh;font-family:var(--font-sans,"Inter",ui-sans-serif,system-ui);-webkit-font-smoothing:antialiased}.m-viewport{background:var(--m-viewport-bg);min-height:100dvh;max-width:460px;margin:0 auto;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.m-viewport::-webkit-scrollbar{display:none}.m-header{top:0;background:var(--m-header-glass);padding:max(env(safe-area-inset-top),8px) 12px 8px}.m-footer-nav,.m-header{position:sticky;z-index:20;backdrop-filter:blur(12px)}.m-footer-nav{bottom:0;background:var(--m-footer-glass);padding:8px 12px max(env(safe-area-inset-bottom),8px)}.m-card{background:var(--m-surface);border:1px solid var(--m-border);border-radius:16px;overflow:hidden;transition:transform .2s var(--m-ease-out),border-color .2s var(--m-ease-out)}.m-card:hover{border-color:var(--m-border-strong)}.m-cover-fallback-aquatic{background:linear-gradient(135deg,#0891b2,#10b981)}.m-cover-fallback-mechanism{background:linear-gradient(135deg,#1f2937,#10b981)}.m-cover-fallback-aurora{background:linear-gradient(135deg,#10b981,#34d399 60%,#a7f3d0)}.m-cover-fallback-manuscript{background:linear-gradient(135deg,#f5f3ec,#d4c9a3)}.m-cover-fallback-abyss{background:linear-gradient(180deg,#0a0a0a,#10b981)}.m-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid var(--m-border);background:var(--m-surface-soft);color:var(--m-foreground);font-size:13px;font-weight:500;cursor:pointer;transition:all .14s var(--m-ease-out);text-decoration:none}.m-btn:hover{background:var(--m-surface-hover);border-color:var(--m-border-strong)}.m-btn-primary{background:var(--m-accent);border-color:var(--m-accent-strong);color:#fff}.m-btn-primary:hover{background:var(--m-accent-strong)}.m-reader{position:fixed;inset:0;z-index:30;background:var(--m-reader-glass);backdrop-filter:blur(16px);overflow-y:auto;padding:0}.m-reader-body{max-width:640px;margin:0 auto;padding:8px 20px calc(80px + env(safe-area-inset-bottom))}.m-reader-body p{margin:.75em 0;line-height:1.6;color:var(--m-foreground)}.m-reader-body h2,.m-reader-body h3,.m-reader-body h4{margin:1.4em 0 .4em;color:var(--m-foreground);font-weight:600}.m-reader-body h2{font-size:1.35rem}.m-reader-body h3{font-size:1.15rem}.m-reader-body a{color:var(--m-accent-strong);text-decoration:none}.m-reader-body a:hover{text-decoration:underline}.m-reader-body img{max-width:100%;height:auto;border-radius:8px;margin:.75em 0}.m-reader-body table{display:block;overflow-x:auto;max-width:100%}