:root{--bg-color: #12100e;--bg-gradient: linear-gradient(180deg, #161412 0%, #12100e 100%);--text-primary: #ffffff;--text-secondary: #a0a0a0;--accent: #ffffff;--divider: #333333;--font-family: Georgia, "Times New Roman", Times, serif;color-scheme:dark}body{margin:0;padding:0;background:var(--bg-gradient);background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;display:flex;flex-direction:column}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0;font-weight:400}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0}input,textarea{background:none;border:none;color:inherit;font:inherit;outline:none;resize:none}input,textarea,button{-webkit-text-fill-color:inherit}.text-btn{color:var(--text-secondary);font-size:.85rem}.text-btn:hover{color:var(--text-primary)}.app-container{display:flex;height:100vh;width:100vw;overflow:hidden}.left-panel{width:320px;min-width:320px;display:flex;flex-direction:column;border-right:1px solid var(--divider);padding:24px}.left-panel.panel-hidden{display:none}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.logo{font-weight:500;letter-spacing:.02em}.sections{flex:1;display:flex;flex-direction:column;overflow:hidden;gap:16px}.sidebar-section{display:flex;flex-direction:column;flex:1;overflow:hidden;min-height:40px}.sidebar-section.collapsed{flex:0 0 auto}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-header h2{font-size:.85rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.section-content{flex:1;overflow-y:auto;padding-right:8px}.section-content::-webkit-scrollbar{width:4px}.section-content::-webkit-scrollbar-thumb{background-color:var(--divider);border-radius:4px}.section-content::-webkit-scrollbar-track{background:transparent}.divider{border:none;border-top:1px solid var(--divider);margin:0;width:100%}.panel-footer{margin-top:24px;padding-top:24px}.main-content{flex:1;display:flex;flex-direction:column;padding:48px;position:relative}.restore-container{position:absolute;top:24px;left:24px}.editor-area{flex:1;display:flex;flex-direction:column;max-width:800px;width:100%;margin:0 auto}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid transparent}.editor-title{color:var(--accent);font-size:1rem}.editor-title-input{color:var(--accent);font-size:1rem;background:transparent;border:none;outline:none;width:100%;font-family:inherit}.main-textarea{flex:1;font-size:1.1rem;line-height:1.8;color:var(--text-primary);caret-color:var(--accent);padding:24px 0}.main-textarea::placeholder{color:var(--text-secondary)}.empty-state{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-secondary);font-size:1.2rem}.game-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);display:flex;justify-content:center;align-items:center;z-index:300}.game-container{display:flex;flex-direction:column;gap:16px;align-items:flex-end;width:100%;max-width:600px;padding:0 16px}.game-canvas{background:var(--bg-gradient);border:1px solid var(--divider);border-radius:4px;width:100%;max-width:600px;display:block}.list-items{display:flex;flex-direction:column;gap:12px;padding:4px 0}.list-item{color:var(--text-primary);cursor:pointer;padding:6px 8px;border-left:2px solid transparent}.list-item:hover{background:#ffffff05}.list-item.active{background:#ffffff0a;border-left:2px solid var(--accent)}.create-inline input{font-size:.95rem;color:var(--text-primary);width:100%;padding:4px 0;border-bottom:1px solid var(--accent)}.mobile-topbar,.sidebar-backdrop{display:none}.page-container{padding:64px;max-width:800px;margin:0 auto;line-height:1.6}.auth-container{padding:64px;max-width:400px;margin:0 auto;line-height:1.6}.footer-links{margin-top:64px;border-top:1px solid var(--divider);padding-top:24px;display:flex;flex-wrap:wrap;gap:24px;font-size:.8rem}@media (max-width: 768px){.page-container,.auth-container{padding:24px 16px}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:150;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-backdrop.visible{opacity:1;pointer-events:all}.app-container{position:relative;overflow:hidden}.left-panel{position:fixed!important;top:0;left:0;width:min(85vw,320px)!important;min-width:unset!important;height:100dvh;z-index:200;background:var(--bg-color);border-right:1px solid var(--divider);box-shadow:4px 0 32px #000000b3;padding:24px 16px;overflow-y:auto;transform:translate(0);transition:transform .3s cubic-bezier(.4,0,.2,1);will-change:transform;display:flex!important;flex-direction:column}.left-panel.panel-hidden{transform:translate(-100%);pointer-events:none}.mobile-topbar{display:flex;position:fixed;top:0;left:0;right:0;height:52px;z-index:95;background:var(--bg-color);border-bottom:1px solid var(--divider);align-items:center;padding:0 12px;gap:8px}.mobile-menu-btn{font-size:1.3rem!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.mobile-topbar-center{flex:1;min-width:0;overflow:hidden}.mobile-topbar-title{display:block;font-size:.875rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-topbar-input{font-size:.875rem!important;color:var(--text-primary)!important;-webkit-text-fill-color:var(--text-primary)!important;font-weight:500;width:100%;background:transparent;border:none;outline:none;font-family:inherit}.mobile-topbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.main-content{width:100vw;padding:68px 16px 16px}.restore-container{display:none!important}.collapse-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.list-item{padding:10px 8px;min-height:44px}.editor-area{padding-bottom:24px}.editor-toolbar{padding-bottom:16px}.main-textarea{padding:16px 0;font-size:1rem}.panel-footer{margin-top:12px;padding-top:12px}.section-header h2{font-size:.8rem}.game-overlay{z-index:300!important}}:root{--font-display: "Newsreader", serif;--font-sans: "Inter", sans-serif;--text-body: 18px;--text-h1: 32px;--text-h2: 24px;--text-h3: 20px;--text-small: 14px;--radius-small: 4px;--radius-large: 8px}@media (prefers-color-scheme: dark){:root{--color-ground: #1a1817;--color-raised: #262321;--color-hairline: #36312d;--color-text: #e8e4df;--color-muted: #968d86;--color-accent: #d4af37;--color-danger: #e57373;--color-success: #81c784}}@media (prefers-color-scheme: light){:root{--color-ground: #fcfbf9;--color-raised: #f3f0eb;--color-hairline: #e6e1da;--color-text: #2a2826;--color-muted: #7a736c;--color-accent: #b8860b;--color-danger: #d32f2f;--color-success: #388e3c}}[data-theme=dark]{--color-ground: #1a1817;--color-raised: #262321;--color-hairline: #36312d;--color-text: #e8e4df;--color-muted: #968d86;--color-accent: #d4af37;--color-danger: #e57373;--color-success: #81c784}[data-theme=light]{--color-ground: #fcfbf9;--color-raised: #f3f0eb;--color-hairline: #e6e1da;--color-text: #2a2826;--color-muted: #7a736c;--color-accent: #b8860b;--color-danger: #d32f2f;--color-success: #388e3c}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format("truetype")}@font-face{font-family:Newsreader;font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/newsreader/v26/cY9qfjOCX1hbuyalUrK49dLac06G1ZGsZBtoBCzBDXXD9JVF438weI_ADA.ttf) format("truetype")}@font-face{font-family:Newsreader;font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/newsreader/v26/cY9qfjOCX1hbuyalUrK49dLac06G1ZGsZBtoBCzBDXXD9JVF438wSo_ADA.ttf) format("truetype")}@font-face{font-family:Newsreader;font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/newsreader/v26/cY9qfjOCX1hbuyalUrK49dLac06G1ZGsZBtoBCzBDXXD9JVF438wpojADA.ttf) format("truetype")}