/* My Work en papier (9 nov. 2026) : même famille que l'accueil — fond crème, cartes posées, Fraunces + Karla */
:root{--ink:#1F2A3A;--cream:#FBF8F2;--paper:#F3EEE6;--mute:#6E6B72;--sage:#9DBF9A;--sage-p:#E6EFE2;--rose:#E3A9B4;--rose-p:#F6E4E6;--lav:#8E82B8;--lav-p:#E8E4F2;--butter-p:#F5E9D6;
 --abril:Fraunces,Georgia,serif;--disp:Fraunces,Georgia,serif}
body{background:#F3EEE6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35  0 0 0 0 .3  0 0 0 0 .25  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
/* bandeau illustré */
.hero.mw{position:relative;height:180px;overflow:hidden;color:#FBF6EE}
.hero.mw canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.hero.mw .mwin{position:relative;height:100%;max-width:860px;margin:0 auto;padding:16px 16px 18px;display:flex;flex-direction:column}
.hero.mw .mwbar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero.mw .logo{font:700 18px/1 Fraunces,Georgia,serif;color:inherit;text-decoration:none;display:flex;align-items:center;gap:10px}
.hero.mw .logo::before{display:none}
.hero.mw .logo img{width:32px;height:32px;border-radius:8px;box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 3px 7px rgba(10,12,30,.35)}
.hero.mw .who{background:rgba(251,248,242,.92);color:#1F2A3A;border-radius:999px;padding:7px 14px;font:700 14px Karla,sans-serif;box-shadow:0 1px 0 #fff inset,0 6px 14px -6px rgba(20,22,40,.45)}
.hero.mw .who b{display:inline;font-size:14px}.hero.mw .who small{display:none}
.hero.mw h1{margin:auto 0 0;font:800 44px/1 Fraunces,Georgia,serif;font-variation-settings:"opsz" 120;letter-spacing:-.01em;color:#FBF6EE;text-shadow:0 1px 0 rgba(255,255,255,.08),0 2px 0 rgba(20,22,40,.28),0 10px 26px rgba(10,12,30,.38)}
.hero.mw.lite{color:#1F2A3A}.hero.mw.lite h1{color:#1F2A3A;text-shadow:0 1px 0 rgba(255,255,255,.7),0 2px 1px rgba(40,40,70,.16),0 9px 22px rgba(60,60,90,.16)}
.hero.mw .hcap{display:none}
header.top{display:none}
/* contenu */
h1{font:800 34px/1.05 Fraunces,Georgia,serif;letter-spacing:-.01em;margin:26px 0 4px}
.lede{font-size:15.5px}
.mine,.sum,.wk,.card,.login{background:var(--cream)!important;border-radius:18px;box-shadow:0 1px 0 #fff inset,0 1px 2px rgba(60,52,80,.06),0 12px 26px -14px rgba(60,52,80,.28)!important}
.mine{border-left:6px solid var(--lav)}.mine.ok,.mine.late{border-left-color:var(--sage)}.mine.ko{border-left-color:var(--rose)}.mine.none{border-left-color:#E7DFD2}
.mine .k,.wk .t small,.card .meta,.card h4,.pill,.row .r,.ring small,.score,.err small{font-family:Karla,sans-serif!important;letter-spacing:.06em}
.mine .k,.card h4{font-weight:700;letter-spacing:.16em;font-size:11px}
.mine b{font:800 24px/1.15 Fraunces,Georgia,serif}
.mine .go{background:#1F2A3A;font-family:Karla,sans-serif}
.mine .go.ghost{background:#EFEAE1;border:0;box-shadow:0 1px 0 #fff inset,0 2px 4px -2px rgba(60,52,80,.25)}
.ring b{font:800 30px Fraunces,Georgia,serif}
.ring div{background:var(--cream)}
.todo h2{font:800 21px Fraunces,Georgia,serif}
.todo li{border-radius:12px;background:var(--rose-p)}.todo li.next{background:var(--lav-p)}.todo .none{background:var(--sage-p)}
.btn{background:#1F2A3A;font-family:Karla,sans-serif;font-weight:700}
.btn.ghost{background:#EFEAE1;border:0;color:#1F2A3A}
.tabs{border-bottom:0;gap:8px}
.tabs button{border-radius:999px;font:700 15px Karla,sans-serif;padding:9px 18px;background:var(--cream);box-shadow:0 1px 0 #fff inset,0 2px 6px -2px rgba(60,52,80,.3);color:#1F2A3A}
.tabs button.on{background:#1F2A3A;color:#FBF6EE}
.wk{border-radius:16px}
.wk .n{font:800 28px Fraunces,Georgia,serif;color:var(--lav)}
.wk .t b{font:800 19px Fraunces,Georgia,serif}
.pill{font-weight:700;font-size:12px}
.pill.ok{background:var(--sage-p);color:#3E6A42}.pill.ko{background:var(--rose-p);color:#9A4456}.pill.up{background:var(--lav-p);color:#4E4377}
.rows{border-top:1px solid #EDE6DA}
.row{border-bottom-color:#F1EBE1}
.ic.ok,.ic.late,.ic.catch{background:var(--sage);color:#fff}.ic.ko,.ic.abs{background:var(--rose);color:#fff}
.row .r button.lk{font:700 13px Karla,sans-serif;color:#3D5A80}
.score{background:var(--butter-p);font-weight:700}
.chip{background:var(--butter-p);font:700 12px Karla,sans-serif}
.card h3{font:800 21px Fraunces,Georgia,serif}
.foot{border-top-color:#E7DFD2}
.login h1{font-size:40px}
.login .btn{border-radius:12px}
.sheet .sh-top b{font-family:Fraunces,Georgia,serif;font-weight:800}
@media (max-width:600px){.hero.mw{height:150px}.hero.mw h1{font-size:38px}h1{font-size:28px}}
.hero.mw .who:empty{display:none}
.wk .n{font-size:26px}
.todo li small{font-family:Karla,sans-serif!important;font-weight:600}
@media (max-width:600px){.wk summary{grid-template-columns:50px 1fr}.wk .n{font-size:20px}.hero.mw .logo{font-size:0;gap:0}}