.portal-body{background:#faf9fd}.portal-shell{min-height:calc(100vh - var(--site-header-height));display:flex}.portal-main{flex:1;min-width:0;background:#faf9fd}.portal-content{width:min(1120px,calc(100% - 70px));margin:auto;padding:72px 0 90px;animation:arrive .4s ease both}.portal-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.portal-heading h1,.ai-panel h1{font-family:Karma,serif;font-size:clamp(32px,4vw,48px);line-height:1.1;margin:0;color:var(--deep)}.portal-heading p{color:#74798c;margin:12px 0 0;line-height:1.6}.portal-heading .coral-button{border:0;white-space:nowrap;margin:0}.portal-stories,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.portal-story,.project-card{overflow:hidden;border:1px solid #e9e9f2;border-radius:12px;background:#fff;box-shadow:0 10px 30px #34477f0b;transition:transform .25s,box-shadow .25s}.portal-story:hover,.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #34477f1a}.portal-story .story-cover{border-radius:0;height:200px}.portal-story-info{padding:22px}.portal-story-info h2,.project-card h2{font-family:Karma,serif;color:var(--deep);font-size:22px;margin:10px 0}.portal-story-info p,.project-card p{color:#73798a;line-height:1.6;font-size:14px}.story-tag,.project-tags span{display:inline-block;padding:5px 9px;border-radius:4px;color:var(--blue);background:#e9ecfb;font-size:10px;letter-spacing:.06em;font-weight:900}.text-action{border:0;background:transparent;padding:0;color:var(--blue);font-weight:900;text-decoration:none;cursor:pointer}.text-action:hover{text-decoration:underline}.primary-button,.outline-button{display:inline-block;border:1px solid var(--blue);border-radius:5px;padding:12px 19px;font-size:13px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer}.primary-button{background:var(--blue);color:white}.primary-button:hover{background:var(--deep)}.outline-button{color:var(--blue);background:white}.outline-button:hover{background:#f1f3fc}.notice-demo{background:#fff8df;color:#796a41;border-radius:7px;padding:13px 16px;font-size:13px;line-height:1.5;margin-bottom:24px}.project-card{padding:23px;display:flex;flex-direction:column}.project-top{display:flex;align-items:center;gap:10px;font-size:13px}.project-top small{display:block;color:#9a9dac}.avatar{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e3e8fa;color:var(--blue);font-weight:900}.project-spark{margin-left:auto;color:var(--coral);font-size:22px}.project-card p{flex:1}.project-tags{display:flex;gap:6px;margin:8px 0 22px}.project-card .primary-button{width:100%}.ideas-promo{margin-top:45px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:30px;background:#edf0fb;border-radius:14px}.ideas-promo h2{font-family:Karma,serif;color:var(--deep);font-size:25px;margin:0}.ideas-promo p{color:#73798a;margin:7px 0 0}.idea-stage{position:relative;overflow:hidden;padding:60px 35px;text-align:center;background:linear-gradient(135deg,#e9ecfc,#fff0e9);border-radius:18px}.idea-spark{display:block;font-size:64px;color:var(--coral);animation:twinkle 4s ease-in-out infinite}.idea-stage p{max-width:650px;margin:12px auto 28px;font:700 clamp(23px,3vw,34px)/1.3 Karma,serif;color:var(--deep)}.idea-stage .outline-button{margin-left:8px}.idea-note{text-align:center;color:#868b9a;font-size:13px}.reader-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - var(--site-header-height))}.reader-sidebar{background:#fff;padding:48px 24px;border-right:1px solid #ededf2;display:flex;align-items:flex-start;flex-direction:column;gap:10px;color:var(--deep);font-size:13px}.back-link{font-weight:800;text-decoration:none;color:var(--blue);margin-bottom:15px}.reader-avatar{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#e5e9fa;color:var(--coral);font-size:28px}.reader-sidebar span,.reader-hint{color:#9296a3;font-size:12px}.reader-sidebar hr{border:0;border-top:1px solid #eee;width:100%;margin:15px 0}.chapter-active{border:0;background:#eef0fb;border-radius:5px;padding:10px;color:var(--blue);font-weight:800;width:100%;text-align:left}.reader-paper{background:#fff;margin:34px auto 65px;width:min(900px,calc(100% - 60px));border:1px solid #ededf2;border-radius:12px;padding:35px clamp(25px,6vw,90px);box-shadow:0 10px 40px #34477f0c}.reader-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#a1a5b3;font-size:10px;font-weight:900;letter-spacing:.1em}.reader-top button{border:0;background:#f0f2fb;color:var(--blue);padding:8px 10px;border-radius:5px;font-size:11px;letter-spacing:0}.reader-text{max-width:580px;margin:65px auto 50px;transition:max-width .3s}.reader-text.reading-wide{max-width:100%}.reader-text h1{text-align:center;font:700 30px Karma,serif;color:var(--deep);margin:0}.chapter-title{text-align:center;color:#969aaa!important;font:600 14px 'Nunito Sans',sans-serif!important;margin:8px 0 45px!important}.reader-text p{font:400 18px/1.9 Karma,serif;color:#404454}.reader-end{text-align:center;color:var(--coral);margin-top:40px}.reader-actions{border-top:1px solid #eee;padding-top:22px;display:flex;justify-content:space-between;gap:10px}.comments{margin-top:35px;padding:22px;background:#f7f7fb;border-radius:8px}.comments h2{font:700 22px Karma,serif;color:var(--deep);margin:0}.comments p{font-size:13px;color:#777d8e}.ai-portal{min-height:calc(100vh - var(--site-header-height));display:grid;grid-template-columns:1.15fr .85fr}.ai-panel{background:#34477f;color:white;padding:clamp(45px,7vw,100px);display:flex;flex-direction:column;justify-content:center}.ai-panel h1{color:white;font-size:55px}.ai-panel h1 span{color:#ffaf98}.ai-panel>p{max-width:420px;line-height:1.7;color:#e2e5f5}.ai-options{display:grid;gap:12px;margin-top:25px;max-width:440px}.ai-options button{display:flex;gap:14px;align-items:center;border:1px solid #a1aede;border-radius:6px;background:#899bda;color:white;padding:16px;text-align:left;font-weight:800}.ai-options button span{flex:1}.ai-options button:hover{background:#9baae3}.ai-disclaimer{max-width:440px;color:#d4dbf1;font-size:12px;line-height:1.5;margin-top:24px}.ai-chat{background:#e9b5a8;text-align:center;padding:70px 35px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.ai-chat-art{margin:30px 0 45px}.ai-chat h2{font:700 26px Karma,serif;margin:0}.ai-chat p{max-width:350px;line-height:1.6}.ai-chat label{font-size:13px;font-weight:800;margin:30px 0 10px}.ai-input{display:flex;width:min(100%,380px);background:white;border-radius:5px;overflow:hidden}.ai-input input{min-width:0;flex:1;border:0;background:white;padding:14px;font-size:12px}.ai-input button{border:0;background:#f6e4df;color:#a5918c;padding:0 15px}.portal-modal-backdrop{position:fixed;inset:0;z-index:50;background:#202a49a8;backdrop-filter:blur(5px);display:grid;place-items:center;padding:20px;overflow:auto}.portal-modal{width:min(100%,530px);position:relative;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 70px #1a23475c;animation:arrive .25s ease both}.modal-close{position:absolute;z-index:2;right:14px;top:10px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffe8;color:var(--blue);font-size:25px;line-height:1}.modal-cover{height:175px;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:white;position:relative}.modal-cover span{font-size:10px;letter-spacing:.15em;font-weight:900}.modal-cover strong{font:700 36px Karma,serif}.modal-cover b{position:absolute;right:35px;bottom:25px;font-size:50px;opacity:.6}.modal-body{padding:27px 32px}.modal-body h2,.idea-modal h2{font:700 28px Karma,serif;color:var(--deep);margin:10px 0}.modal-body h3{font-size:14px;margin:22px 0 5px}.modal-body p,.idea-modal p{font-size:14px;line-height:1.6;color:#73798a}.modal-action{display:block;width:100%;margin:20px 0 14px}.idea-modal{padding:40px}.idea-modal .coral-button{display:block;text-align:center;margin:15px 0}.idea-modal .text-action{display:block;margin:auto}
@media(max-width:850px){.project-grid,.portal-stories{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-content{width:calc(100% - 40px)}.ai-panel{padding:45px 30px}.reader-layout{grid-template-columns:180px 1fr}}
@media(max-width:760px){.portal-content{padding:55px 0 70px}.portal-heading{align-items:start;flex-direction:column}.portal-heading .coral-button{margin-top:0}.reader-layout{display:block}.reader-sidebar{padding:28px 20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center}.reader-sidebar .back-link{width:100%;margin:0}.reader-sidebar hr,.reader-sidebar .reader-hint,.reader-sidebar .chapter-active,.reader-sidebar>strong:last-of-type{display:none}.reader-avatar{width:38px;height:38px;font-size:20px}.reader-paper{width:calc(100% - 30px);padding:25px;margin:15px auto 45px}.reader-text{margin-top:45px}.ai-portal{grid-template-columns:1fr}.ai-panel,.ai-chat{padding:55px 25px}.idea-stage .outline-button{margin:10px 0 0}}
@media(max-width:520px){.project-grid,.portal-stories{grid-template-columns:1fr}.ideas-promo{align-items:flex-start;flex-direction:column}.portal-content{width:calc(100% - 32px)}.portal-heading h1{font-size:34px}.portal-modal-backdrop{align-items:center}.modal-body{padding:22px}.idea-modal{padding:30px 24px}.reader-actions{flex-direction:column}.reader-actions>*{width:100%}.portal-signup{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}