.home-container{max-width:1200px;margin:0 auto;padding:60px 24px 120px}.home-header{text-align:center;margin-bottom:56px}.home-title{font-size:clamp(36px,4vw,56px);font-weight:600;color:var(--text-primary);letter-spacing:-.03em}.home-subtitle{margin-top:12px;font-size:16px;color:var(--text-secondary)}.modules-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px}.module-card{position:relative;padding:32px 28px;border-radius:30px;background:var(--bg-panel);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .35s ease,box-shadow .35s ease;min-height:200px;display:flex;flex-direction:column;gap:12px}.module-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px #0f172a24}.module-content{flex:1;display:flex;flex-direction:column;gap:10px}.module-title-row{display:flex;align-items:center;gap:10px}.module-name{font-size:20px;font-weight:600}.module-edit-btn{padding:6px 10px;border-radius:12px;border:1px solid rgba(15,15,15,.08);background:#ffffffe6;font-size:13px;color:var(--text-secondary);cursor:pointer}.module-description{font-size:15px;color:var(--text-secondary);line-height:1.5}.module-hint{font-size:13px;color:#0f0f0f66}.integration-card{position:relative;background:linear-gradient(135deg,#fff,#f5f5f7);border:1px solid rgba(0,0,0,.04);overflow:hidden;color:#1d1d1f;transition:all .4s cubic-bezier(.25,1,.5,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.integration-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 40px -6px #0000001a,0 10px 20px -5px #0000000a;border-color:#00000005}.integration-icon-wrapper{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fbfbfd;border-radius:12px;color:#ff9f0a;border:1px solid rgba(0,0,0,.05);box-shadow:0 1px 2px #00000005}.integration-title{color:#1d1d1f;font-weight:600;letter-spacing:-.015em;font-size:19px}.integration-badge{font-size:10px;font-weight:700;background:#000;color:#fff;padding:3px 8px;border-radius:20px;letter-spacing:.03em;box-shadow:0 2px 5px #00000026}.integration-desc{color:#86868b;font-size:14px;font-weight:400;line-height:1.4;margin-top:6px!important;max-width:90%}.integration-hint{display:flex;align-items:center;gap:4px;margin-top:auto;font-weight:500;font-size:13px;color:#06c!important;opacity:1;transition:gap .3s ease}.integration-hint svg{width:14px;height:14px;stroke-width:2.5}.integration-card:hover .integration-hint{gap:8px;color:#0077ed!important}.card-decoration-circle{position:absolute;top:-60px;right:-60px;width:240px;height:240px;background:radial-gradient(circle,#ff9f0a0f,#fff0 70%);border-radius:50%;pointer-events:none;z-index:0}.integration-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fff0,#fff6);pointer-events:none;opacity:0;transition:opacity .4s ease}.integration-card:hover:before{opacity:1}.integration-card:hover{transform:translateY(-6px);box-shadow:0 25px 50px -12px #0a84ff26;border-color:#0a84ff4d}.integration-card .module-name{background:linear-gradient(135deg,#0a84ff,#7c3aed);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;display:inline-block}.integration-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#0a84ff,#7c3aed);opacity:.6}.integration-card .module-hint{display:inline-flex;align-items:center;margin-top:auto;font-weight:500;color:#0a84ff;font-size:13px;background:#0a84ff0f;padding:6px 12px;border-radius:999px;align-self:flex-start;transition:all .2s ease}.integration-card .module-hint:after{content:"→";margin-left:6px;transition:transform .2s ease}.integration-card:hover .module-hint{background:#0a84ff1f}.integration-card:hover .module-hint:after{transform:translate(3px)}.module-badge{padding:4px 10px;border-radius:999px;background:#10b98124;color:#0f8d63;font-size:12px;font-weight:600}.module-delete-btn{position:absolute;top:18px;right:18px;width:34px;height:34px;border-radius:12px;border:1px solid rgba(0,0,0,.05);background:#fff;color:#ff453a;font-size:18px;opacity:0;transition:opacity .2s ease}.module-card:hover .module-delete-btn{opacity:1}.add-module-card{border:1px dashed rgba(10,132,255,.5);background:#0a84ff0a;color:var(--text-secondary);align-items:center;justify-content:center;display:flex;flex-direction:column;gap:10px}.add-icon{font-size:42px;color:var(--accent)}.add-form-card{border:1px solid var(--accent);background:#0a84ff0a}.add-module-form input{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(15,15,15,.08);background:#ffffffb3}.module-edit-block{display:flex;flex-direction:column;gap:10px}.module-edit-input{width:100%;padding:12px 14px;border-radius:14px;border:1px solid rgba(15,15,15,.12);background:#ffffffe6;font-size:15px}.module-edit-actions{display:flex;gap:10px;justify-content:flex-end}.form-buttons{display:flex;justify-content:flex-end;gap:10px}.btn-confirm{background:var(--accent);color:#fff;padding:10px 18px;border-radius:999px}.btn-cancel{background:#0f0f0f0f;color:var(--text-secondary);padding:10px 18px;border-radius:999px}.save-indicator{position:fixed;bottom:24px;right:24px;padding:12px 24px;border-radius:8px;color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease}.save-indicator.saving{background-color:var(--primary-color)}.save-indicator.saved{background-color:#10b981}@keyframes slideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.home-container{padding:40px 16px 80px}}.module-container{min-height:100vh;padding:40px 20px 100px}.module-header{max-width:900px;margin:0 auto 32px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}.back-btn,.edit-toggle-btn{padding:12px 20px;border-radius:999px;border:1px solid var(--border-soft);background:#ffffffe6;box-shadow:var(--shadow-soft);font-weight:600}.edit-toggle-btn.active{background:var(--accent);color:#fff;border-color:transparent}.module-pill{padding:10px 16px;border-radius:999px;background:#0f0f0f0d;border:1px solid var(--border-soft);font-weight:600}.module-title-section h1{font-size:clamp(28px,3vw,40px);margin-bottom:6px}.module-desc{color:var(--text-secondary)}.module-brief{max-width:900px;margin:0 auto 24px;font-size:14px;color:var(--text-secondary)}.composer-card{max-width:900px;margin:0 auto 22px;padding:0;background:transparent;border:none;box-shadow:none}.composer-card form{display:flex;flex-direction:column;gap:10px}.composer-card textarea{width:100%;border-radius:14px;border:1px solid rgba(15,15,15,.12);padding:12px 14px;min-height:96px;font-size:14px;line-height:1.6;background:#fff}.composer-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.composer-actions{display:flex;gap:8px}.composer-preview{border:1px dashed rgba(15,15,15,.12);border-radius:12px;padding:10px 12px;background:#fffc}.composer-preview-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px}.records-container{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.empty-state{padding:80px 20px;text-align:center;color:var(--text-secondary);border-radius:32px;border:1px dashed rgba(15,15,15,.15);background:#ffffffb3}.btn-add-first,.btn-add-record{margin-top:12px;padding:12px 24px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600}.btn-confirm{padding:10px 20px;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-soft)}.btn-cancel{padding:10px 20px;border-radius:999px;background:#0f0f0f0d;color:var(--text-secondary)}.record-item{display:block;padding:0;background:transparent;border:none;box-shadow:none}.record-content{flex:1;display:flex;flex-direction:column;gap:8px}.record-controls{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-start}.btn-delete{min-width:58px;padding:5px 10px;border-radius:10px;border:1px solid rgba(15,15,15,.08);background:#fffffff2;font-size:12px;box-shadow:var(--shadow-soft);text-align:center}.btn-delete{color:#ff453a}.btn-cancel-inline{min-width:52px;padding:5px 10px;border-radius:10px;border:1px solid rgba(15,15,15,.08);background:#0f0f0f0d;color:var(--text-secondary);font-size:12px}.record-content-input{border-radius:14px;border:1px solid rgba(15,15,15,.12);background:#fff;padding:10px 12px;min-height:82px;resize:vertical;font-size:14px;line-height:1.55;overflow:hidden}.record-display{width:100%;text-align:left;border:1px solid rgba(15,15,15,.12);background:#fff;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.6;color:var(--text-primary);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.record-display:hover{border-color:#0f0f0f29;box-shadow:0 4px 10px #0000000a}.record-markdown{width:100%}.record-markdown p{margin:0 0 6px}.record-markdown ul,.record-markdown ol{margin:0 0 6px 18px}.record-markdown code{background:#0f0f0f0d;padding:2px 4px;border-radius:4px;font-size:13px}.record-preview{border:1px dashed rgba(15,15,15,.12);border-radius:12px;padding:10px 12px;background:#fffc}.record-preview-label{font-size:12px;color:var(--text-secondary);margin-bottom:6px}@media (max-width: 768px){.module-header{grid-template-columns:1fr}.record-item{grid-template-columns:1fr;padding:20px}.record-controls{width:100%;text-align:center}}.record-markdown table{border-collapse:collapse;width:100%;margin:16px 0;font-size:14px}.record-markdown th,.record-markdown td{border:1px solid rgba(15,15,15,.12);padding:8px 12px;text-align:left}.record-markdown th{background:#0f0f0f0d;font-weight:600}.record-markdown tr:nth-child(2n){background:#0f0f0f05}.record-markdown h1,.record-markdown h2,.record-markdown h3,.record-markdown h4,.record-markdown h5,.record-markdown h6{margin-top:24px;margin-bottom:12px;font-weight:600;line-height:1.25;color:var(--text-primary)}.record-markdown h1{font-size:2em;border-bottom:1px solid rgba(15,15,15,.1);padding-bottom:.3em}.record-markdown h2{font-size:1.5em;border-bottom:1px solid rgba(15,15,15,.1);padding-bottom:.3em}.record-markdown h3{font-size:1.25em}.record-markdown h4{font-size:1em}.record-markdown pre{background:#0f172a;color:#e2e8f0;padding:12px 14px;border-radius:12px;overflow:auto;font-size:13px;line-height:1.5;box-shadow:inset 0 0 0 1px #ffffff0a}.record-markdown code{background:#0f0f0f14;padding:2px 6px;border-radius:6px;font-size:13px}.record-markdown pre code{background:transparent;padding:0;border-radius:0}.record-markdown-scroll{position:relative;max-height:360px;overflow:auto;padding-right:4px}.composer-preview .record-markdown-scroll,.record-preview .record-markdown-scroll{max-height:320px}.record-display .record-markdown-scroll{max-height:280px}.record-markdown-scroll.expanded{max-height:none;overflow:visible;padding-right:0}.scroll-box{position:relative}.scroll-arrows{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:6px;align-items:flex-end}.scroll-arrow{width:30px;height:30px;border-radius:50%;border:1px solid rgba(15,15,15,.12);background:#ffffffe6;box-shadow:0 6px 12px #00000014;cursor:pointer;font-size:14px;line-height:1;display:grid;place-items:center}.scroll-arrow:hover{background:#0f0f0f0f}.record-item-header{display:flex;justify-content:flex-end;margin-bottom:6px}.record-expand-btn{padding:6px 12px;border-radius:999px;border:1px solid rgba(15,15,15,.12);background:#ffffffe6;font-size:12px;cursor:pointer;box-shadow:var(--shadow-soft)}.record-expand-btn:hover{background:#0f0f0f0d}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}.app-container{width:100%;min-height:100vh;background:linear-gradient(180deg,#ffffffeb,#f5f6f9e6);padding:32px 16px 80px}.loading{display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary)}.error-message{position:fixed;top:32px;right:32px;min-width:260px;background:var(--bg-panel);color:#c92a2a;border-radius:18px;padding:14px 18px;border:1px solid rgba(201,42,42,.15);box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:1000}.error-message button{background:#c92a2a14;color:#c92a2a;padding:4px 10px;border-radius:999px;font-size:12px;transition:background .2s ease}.error-message button:hover{background:#c92a2a26}:root{--bg-app: #f5f5f7;--bg-panel: rgba(255, 255, 255, .82);--border-soft: rgba(15, 15, 15, .08);--text-primary: #0b0c0f;--text-secondary: #5f6368;--accent: #0a84ff;--accent-soft: rgba(10, 132, 255, .12);--shadow-soft: 0 20px 45px rgba(15, 23, 42, .08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary);min-height:100vh}#root{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-size:inherit;font-family:inherit;background:transparent}input,textarea{font-family:inherit;font-size:inherit}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px var(--accent-soft)}