:root{--bg-color: #F5F4F0;--text-color: #1A1A1A;--text-muted: #888888;--accent-color: #9A8C78;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Playfair Display", Georgia, serif;--ui-border: rgba(0, 0, 0, .08);--ui-bg: rgba(248, 247, 243, .92)}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400}#root{width:100vw;height:100vh}.app-container{width:100vw;height:100vh;position:relative}.canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.top-bar{position:absolute;top:0;left:0;width:100%;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 40px;box-sizing:border-box;background:transparent;z-index:10;pointer-events:none}.top-bar>*{pointer-events:auto}.brand{font-family:var(--font-sans);font-weight:500;font-size:13px;letter-spacing:3px;text-transform:uppercase;color:var(--text-color)}.menu-btn{background:none;border:1px solid var(--ui-border);color:var(--text-color);font-family:var(--font-sans);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;padding:9px 18px;border-radius:999px;transition:all .3s ease}.menu-btn:hover{background:#1a1a1ae0;color:var(--bg-color);border-color:var(--text-color)}.macro-scroll-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.macro-scroll-layer::-webkit-scrollbar{display:none}.macro-scroll-space{width:100%;height:300vh}.macro-story-stage{position:sticky;top:0;height:100vh;display:flex;justify-content:flex-end;align-items:center;padding:92px 8vw 52px 52vw;pointer-events:none}.macro-story-card{width:min(420px,34vw);min-height:58vh;padding:36px 0 28px 44px;color:#111;opacity:0;position:relative}.macro-story-card:before{content:"";position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(to bottom,#14141400,#14141447,#14141400)}.macro-rule{width:100%;height:1px;margin-bottom:30px;background:#14141457}.macro-kicker,.macro-meta dt{margin:0;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#1a1a1aad}.macro-story-card h2{margin:10px 0 26px;font-size:clamp(44px,5vw,76px);line-height:.92;letter-spacing:-.055em}.macro-meta{display:grid;gap:22px;margin:0 0 34px}.macro-meta div{padding-top:18px;border-top:1px solid rgba(20,20,20,.24)}.macro-meta dd{margin:8px 0 0;font-size:15px;line-height:1.45}.macro-copy{padding-top:22px;border-top:1px solid rgba(20,20,20,.24)}.macro-copy h3{margin:0 0 12px;font-family:var(--font-serif);font-size:28px;font-weight:400;letter-spacing:-.03em}.macro-copy p{margin:0;color:#1a1a1ac2;font-size:15px;line-height:1.7}.macro-progress{position:absolute;top:36px;right:-24px;width:2px;height:64%;border-radius:999px;background:#1a1a1a1f}.macro-progress span{display:block;width:100%;height:38%;border-radius:inherit;background:#1a1a1abf}.management-drawer{position:fixed;top:0;right:-420px;width:400px;height:100vh;background:var(--ui-bg);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-left:1px solid var(--ui-border);z-index:20;transition:right .45s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.management-drawer.open{right:0}.drawer-header{padding:28px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ui-border)}.drawer-header h2{margin:0;font-size:22px;font-family:var(--font-serif)}.close-btn{background:none!important;border:none;color:var(--text-muted);font-size:28px;cursor:pointer;transition:color .3s ease;padding:0;line-height:1}.close-btn:hover{color:var(--text-color);opacity:1}.drawer-content{padding:24px 30px;overflow-y:auto;flex:1}input,select{width:100%;padding:10px 12px;margin-bottom:12px;background:#ffffff80;border:1px solid var(--ui-border);color:var(--text-color);border-radius:6px;font-family:var(--font-sans);font-size:13px;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent-color)}button{background:var(--text-color);color:var(--bg-color);border:none;padding:10px 20px;cursor:pointer;font-family:var(--font-sans);font-size:12px;letter-spacing:1px;text-transform:uppercase;border-radius:6px;transition:opacity .3s ease}button:hover{opacity:.8}.slot-card{padding:16px;border-radius:10px;background:#fff6;margin-bottom:12px;border:1px solid var(--ui-border)}.slot-actions{display:flex;flex-direction:column;gap:8px;margin-top:10px}@media(max-width:720px){.management-drawer{width:100%;right:-100%}.top-bar{padding:0 20px}.brand{font-size:11px;letter-spacing:2px}.macro-story-stage{align-items:flex-end;padding:72px 24px 36px}.macro-story-card{width:100%;min-height:auto;padding-left:22px}.macro-progress{display:none}}