@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--paper:#f7f5f2;--white:#fff;--ink:#24231f;--muted:#77756f;--line:#e7e3dc;--coral:#e96f55;--coral-dark:#cd563f;--lav:#dedcf3;--soft:#f0eee9;--green:#42785d;--shadow:0 18px 50px rgba(46,40,32,.08);font-family:'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;min-width:320px;background:var(--paper)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}.app-shell{max-width:1440px;margin:auto;padding:0 6.1%}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,35,31,.09)}.brand{display:inline-flex;align-items:center;gap:10px;font:800 19px Manrope,sans-serif;letter-spacing:-.7px}.brand-mark{width:32px;height:32px;color:var(--coral)}.brand-light{font-weight:500;color:#89867f}.top-actions{display:flex;align-items:center;gap:16px}.local-badge{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px}.status-dot{width:7px;height:7px;border-radius:50%;background:#72a082}.install-button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;color:var(--ink)}.install-button:hover{border-color:var(--coral);color:var(--coral-dark)}main{min-height:75vh}.view{animation:appear .3s ease both}@keyframes appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}[hidden]{display:none!important}.hero{position:relative;min-height:428px;padding:67px 0 60px;border-bottom:1px solid rgba(36,35,31,.09);display:flex;align-items:center;overflow:hidden}.hero-copy{max-width:570px;position:relative;z-index:2}.eyebrow{font-size:10px;line-height:1.3;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--coral-dark);margin:0 0 14px;display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:24px;background:currentColor;display:inline-block}.hero h1,.editor-heading h1{font:700 clamp(36px,5vw,58px)/1.08 Manrope,sans-serif;letter-spacing:-2.4px;margin:0;max-width:610px}.hero h1 span{color:#918c82}.hero-description{font-size:15px;line-height:1.75;max-width:480px;color:var(--muted);margin:20px 0 24px}.primary-button{background:var(--coral);border:0;border-radius:8px;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 19px;font-size:13px;font-weight:700;min-height:48px;transition:background .18s,transform .18s}.primary-button:hover{background:var(--coral-dark);transform:translateY(-1px)}.hero-button span{font-size:17px}.hero-art{width:385px;height:290px;position:absolute;right:2%;top:53px}.art-sun{position:absolute;width:198px;height:198px;border-radius:50%;background:#efc2ab;right:76px;top:13px}.art-orbit{position:absolute;border:1px solid rgba(205,86,63,.28);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:355px;height:150px;right:0;top:42px}.orbit-two{width:300px;height:115px;right:15px;top:65px;transform:rotate(26deg)}.art-card{position:absolute;border-radius:13px;box-shadow:0 18px 40px rgba(78,50,38,.14)}.art-card-back{width:205px;height:136px;background:#ece8df;right:35px;top:48px;padding:20px 18px;transform:rotate(9deg);display:flex;flex-direction:column;justify-content:space-between}.art-card-label{font-size:7px;letter-spacing:1.5px;color:#747065;font-weight:700}.art-scribble{font:italic 24px Georgia,serif;color:#c76d56;transform:rotate(-5deg)}.art-card-front{width:218px;height:139px;background:#fff;right:111px;top:125px;transform:rotate(-7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.play-large{display:grid;place-items:center;width:48px;height:48px;padding-left:3px;border-radius:50%;background:var(--coral);color:white;font-size:15px;box-shadow:0 5px 12px #e96f5544}.art-timeline{display:flex;gap:4px;width:133px;height:13px}.art-timeline i{border-radius:3px;flex:1;background:#e9c2b2}.art-timeline i:nth-child(2){background:#d4d0e8;flex:1.3}.art-timeline i:nth-child(4){background:#e5d49e;flex:1.2}.art-spark{position:absolute;color:var(--coral);font-size:24px}.spark-a{right:31px;top:178px}.spark-b{right:287px;top:55px;font-size:18px;color:#a7a0ce}.hero-note{position:absolute;right:3%;bottom:32px;display:flex;align-items:center;gap:10px;color:var(--muted);font-size:10px;line-height:1.55}.hero-note b{color:var(--ink);font-size:11px}.note-icon{font-size:23px;color:#a7a0ce}.section-block{padding:51px 0 40px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px}.section-heading .eyebrow{margin-bottom:8px}.section-heading h2{font:650 clamp(21px,3vw,28px)/1.2 Manrope,sans-serif;letter-spacing:-.8px;margin:0}.section-aside{font-size:11px;color:var(--muted);padding-bottom:4px}.format-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.format-card{position:relative;min-height:194px;background:var(--white);border:1px solid var(--line);border-radius:11px;text-align:left;padding:17px 15px 15px;display:flex;flex-direction:column;align-items:flex-start;transition:transform .18s,border .18s,box-shadow .18s;color:var(--ink)}.format-card:hover{transform:translateY(-3px);border-color:#e4a090;box-shadow:var(--shadow)}.format-emoji{width:39px;height:39px;background:var(--soft);border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:18px}.format-card:nth-child(2) .format-emoji{background:#e7e5f4}.format-card:nth-child(3) .format-emoji{background:#f5e7dc}.format-card:nth-child(4) .format-emoji{background:#e3eee8}.format-card:nth-child(5) .format-emoji{background:#f5e8e4}.format-card strong{font:700 14px Manrope,sans-serif;letter-spacing:-.25px;margin-bottom:6px}.format-card .format-desc{font-size:11px;color:var(--muted);line-height:1.5;min-height:33px}.format-card .format-meta{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;width:100%;color:#858179;font-size:9px}.format-arrow{color:var(--coral);font-size:17px}.projects-section{border-top:1px solid rgba(36,35,31,.09);padding-top:39px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.project-card{padding:17px;background:#fff;border:1px solid var(--line);border-radius:11px;min-width:0}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-icon{font-size:20px}.project-date{font-size:10px;color:#96928a}.project-card h3{font:700 15px Manrope,sans-serif;margin:14px 0 6px;overflow-wrap:anywhere}.project-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.5}.project-card-actions{display:flex;justify-content:space-between;align-items:center;margin-top:17px;border-top:1px solid #f0eee9;padding-top:12px}.resume-button,.delete-button{border:0;background:transparent;padding:5px 0;font-size:11px;font-weight:700}.resume-button{color:var(--coral-dark)}.delete-button{color:#8d8982}.footer{padding:20px 0 26px;border-top:1px solid rgba(36,35,31,.09);display:flex;justify-content:space-between;color:#97938b;font-size:10px}.back-link{border:0;background:none;padding:25px 0 20px;color:var(--muted);font-size:12px;display:flex;gap:9px;align-items:center}.back-link span{font-size:17px;color:var(--coral-dark)}.editor-heading{display:flex;justify-content:space-between;align-items:end;margin:4px 0 26px}.editor-heading .eyebrow{margin-bottom:10px}.editor-heading h1{font-size:38px;letter-spacing:-1.5px}.editor-subtitle{font-size:13px;color:var(--muted);margin:9px 0 0}.save-state{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--green);padding-bottom:5px}.save-icon{width:17px;height:17px;border-radius:50%;background:#e1eee5;display:grid;place-items:center;font-size:11px}.workflow{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:0 0 26px;border-bottom:1px solid var(--line)}.workflow li{position:relative;display:flex;align-items:center;gap:8px;padding:0 5px 13px;color:#aaa69e;font-size:10px}.workflow li span{font-size:9px;font-weight:700;color:#b4afa6}.workflow li.current{color:var(--ink)}.workflow li.current span{color:var(--coral-dark)}.workflow li.current:after{content:"";height:2px;position:absolute;bottom:-1px;left:0;right:15px;background:var(--coral)}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;padding-bottom:55px}.panel,.aside-card{background:white;border:1px solid var(--line);border-radius:12px}.editor-main{padding:25px 28px 24px}.panel-kicker{display:flex;align-items:center;gap:12px}.step-number{width:37px;height:37px;border-radius:12px;background:#fae9e3;color:var(--coral-dark);display:grid;place-items:center;font:700 12px Manrope}.panel-kicker .eyebrow{font-size:9px;margin:0 0 3px}.panel-kicker h2{font:700 20px Manrope;margin:0;letter-spacing:-.6px}.panel-intro{font-size:12px;color:var(--muted);margin:17px 0 23px;line-height:1.65}.editor-main form label{display:block;font-size:11px;font-weight:700;margin:0 0 8px}.editor-main textarea,.editor-main select{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fcfbf9;color:var(--ink);font-size:12px;outline:none;transition:border .15s}.editor-main textarea{resize:vertical;min-height:86px}.editor-main textarea:focus,.editor-main select:focus{border-color:#df927f;box-shadow:0 0 0 3px #e96f551a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.form-row select{height:43px}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px}.form-actions .primary-button{min-width:195px}.text-button{background:transparent;border:0;font-size:11px}.danger-button{color:#a45f50}.editor-aside{display:flex;flex-direction:column;gap:12px}.aside-card{padding:19px}.format-summary{position:relative;min-height:206px;overflow:hidden;background:#eeecf8;border-color:#eeecf8}.format-summary:after{content:"";position:absolute;width:118px;height:118px;right:-29px;bottom:-43px;border:1px solid #c7c2e2;border-radius:50%;box-shadow:0 0 0 14px #eeecf8,0 0 0 15px #c7c2e2,0 0 0 30px #eeecf8,0 0 0 31px #c7c2e2}.format-summary .format-emoji{width:40px;height:40px;background:#fff;margin:0 0 15px}.format-summary .eyebrow{font-size:9px;margin-bottom:5px;color:#746b98}.format-summary h3{font:700 18px Manrope;margin:0 0 7px;letter-spacing:-.5px}.format-summary>p:not(.eyebrow){font-size:11px;line-height:1.5;color:#6e6a7c;max-width:210px;margin:0 0 14px}.ratio-pill{display:inline-block;background:#fff;border-radius:999px;padding:5px 9px;font-size:9px;color:#69647b}.next-card{display:flex;gap:11px;align-items:flex-start;background:#fffaf5;border-color:#f0e8dd;padding:16px}.next-icon{color:var(--coral);font-size:18px}.next-card .eyebrow{font-size:8px;margin-bottom:5px}.next-card p:last-child{font-size:10px;line-height:1.55;color:var(--muted);margin:0}.toast{position:fixed;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));transform:translate(-50%,20px);background:#292823;color:white;padding:12px 17px;border-radius:8px;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;max-width:min(92vw,480px)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:980px){.app-shell{padding:0 4%}.format-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{right:-4%;transform:scale(.88);transform-origin:right center}.hero-copy{max-width:54%}.hero-note{right:3%}.editor-layout{grid-template-columns:minmax(0,1fr) 245px}}
@media(max-width:700px){.app-shell{padding:0 20px}.topbar{height:68px}.brand{font-size:17px}.brand-mark{width:29px;height:29px}.local-badge{font-size:0}.status-dot{width:8px;height:8px}.top-actions{gap:9px}.install-button{font-size:10px;padding:8px 11px}.hero{min-height:0;display:block;padding:47px 0 40px}.hero-copy{max-width:100%}.hero h1{font-size:clamp(38px,10vw,51px);letter-spacing:-1.9px}.hero-description{font-size:13px;max-width:460px;margin:16px 0 20px}.hero-art{position:relative;right:auto;top:auto;margin:20px auto 0;width:min(100%,330px);height:205px;transform:scale(.76);transform-origin:top center;margin-bottom:-43px}.art-sun{width:170px;height:170px;right:71px;top:5px}.orbit-one{width:310px;height:132px;right:0;top:25px}.orbit-two{width:260px;height:100px;right:19px;top:43px}.art-card-back{right:25px;top:22px;width:190px;height:121px}.art-card-front{right:90px;top:90px;width:203px;height:128px}.spark-a{right:15px;top:130px}.spark-b{right:240px;top:35px}.hero-note{position:relative;right:auto;bottom:auto;margin-top:16px;font-size:9px}.section-block{padding:35px 0 31px}.section-heading{align-items:start;gap:10px}.section-heading h2{font-size:21px;max-width:430px}.section-aside{font-size:9px;text-align:right;max-width:125px}.format-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.format-card{min-height:173px;padding:14px 13px}.format-card .format-emoji{margin-bottom:14px}.format-card strong{font-size:13px}.format-card .format-desc{font-size:10px}.format-card .format-meta{padding-top:10px}.project-grid{grid-template-columns:1fr;gap:9px}.project-card{padding:14px}.footer{font-size:9px}.editor-heading{display:block;margin-bottom:19px}.editor-heading h1{font-size:32px}.save-state{margin-top:14px}.workflow{overflow:auto;grid-template-columns:repeat(5,minmax(105px,1fr));padding-bottom:0}.workflow li{font-size:9px;white-space:nowrap}.editor-layout{grid-template-columns:1fr;gap:12px}.editor-main{padding:21px 18px}.editor-aside{display:grid;grid-template-columns:1fr 1fr}.format-summary{min-height:190px}.next-card{min-height:190px;align-items:flex-start}.form-row{gap:10px}.form-actions{margin-top:20px}.form-actions .primary-button{min-width:0}.panel-intro{font-size:11px}}
@media(max-width:390px){.app-shell{padding:0 15px}.hero h1{font-size:36px}.format-card{min-height:181px}.format-card strong{font-size:12px}.editor-aside{grid-template-columns:1fr}.format-summary{min-height:178px}.next-card{min-height:0}.form-row{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column-reverse}.form-actions>*{width:100%;justify-content:center}.editor-heading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Recherche Exa : résultats lisibles sur ordinateur et téléphone. */
.research-box{margin-top:24px;padding:19px;border:1px solid #eee3dc;border-radius:10px;background:#fffaf6}.research-heading{display:flex;align-items:center;gap:12px}.research-heading .step-number{flex:none}.research-heading .eyebrow{font-size:9px;margin:0 0 3px}.research-heading h3{font:700 17px Manrope,sans-serif;margin:0;letter-spacing:-.4px}.research-intro{font-size:11px;line-height:1.6;color:var(--muted);margin:13px 0 16px}.editor-main .research-box label{margin-top:0}.research-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:11px}.research-actions .primary-button{flex:none;min-height:42px;padding:10px 13px;font-size:11px;gap:12px}.search-cost-note{font-size:9px;line-height:1.45;color:#89847b;max-width:220px}.research-status{font-size:11px;line-height:1.5;color:var(--muted);margin:11px 0 0}.research-status:empty{display:none}.research-status.is-error{color:#a14232}.research-status.is-loading{color:#876b48}.research-results{display:grid;gap:10px;margin-top:14px}.research-result{background:#fff;border:1px solid #eee8e1;border-radius:8px;padding:13px}.research-result-head{display:flex;align-items:flex-start;gap:9px}.research-source-icon{width:26px;height:26px;flex:none;border:1px solid var(--line);border-radius:7px;object-fit:contain;padding:3px;background:#fff}.research-result-title{font:700 12px/1.45 Manrope,sans-serif;color:var(--ink);margin:0;overflow-wrap:anywhere}.research-result-meta{font-size:9px;color:#89847b;margin-top:4px;overflow-wrap:anywhere}.research-result-snippet{font-size:10px;line-height:1.6;color:#68645e;margin:10px 0 0;overflow-wrap:anywhere}.research-result-link{display:inline-flex;margin-top:9px;color:var(--coral-dark);font-size:10px;font-weight:700}
@media(max-width:700px){.research-box{padding:15px}.research-actions{align-items:stretch;flex-direction:column}.search-cost-note{max-width:none}.research-actions .primary-button{width:100%}.research-result{padding:11px}}
 .workflow li.complete{color:var(--green)}.workflow li.complete span{color:var(--green)}
.update-notice{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:30;width:min(560px,calc(100% - 28px));display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#292823;color:#fff;border-radius:12px;box-shadow:0 18px 50px rgba(20,18,15,.25)}.update-notice-copy{display:grid;gap:4px}.update-notice-copy strong{font:700 13px Manrope,sans-serif}.update-notice-copy span{font-size:11px;line-height:1.45;color:#e1dfda}.update-notice-actions{display:flex;align-items:center;gap:10px;flex:none}.update-later,.update-now{border:0;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:700}.update-later{background:transparent;color:#f5f2ed}.update-now{background:var(--coral);color:#fff}.update-now:disabled{opacity:.75;cursor:wait}@media(max-width:520px){.update-notice{align-items:stretch;flex-direction:column;gap:12px;padding:15px}.update-notice-actions{justify-content:flex-end}.update-later,.update-now{min-height:40px}}
