:root{--color-bg:#faf3e8;--color-bg-alt:#f5ebdd;--color-paper:#fffdf8;--color-text:#473632;--color-muted:#7f6a62;--color-primary:#c97a4a;--color-primary-soft:#e8b08b;--color-success:#4b8a5b;--color-warning:#f2a65a;--color-danger:#c2494a;--color-cream:#f7ead7;--color-milk:#fdfaf5;--color-caramel:#d08a56;--color-coffee:#5a3b32;--color-sage:#8ea58a;--color-pink:#e6a4b4;--color-sky:#9cc7dd;--gray-50:#f9f7f5;--gray-100:#f1e8e2;--gray-200:#e3d4c7;--gray-300:#cbb5a2;--gray-400:#b39782;--gray-500:#8c7462;--gray-600:#6d5a4b;--gray-700:#56443a;--gray-800:#3f312a;--gray-900:#281f1b;--font-sans:"Nunito","Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;--font-handwritten:"Caveat","Patrick Hand","Bradley Hand",system-ui,cursive;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-md:1.0625rem;--font-size-lg:1.25rem;--font-size-xl:1.5rem;--font-size-2xl:1.875rem;--font-size-3xl:2.25rem;--font-size-4xl:2.75rem;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.6;--line-height-relaxed:1.8;--space-0:0;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-8:16px;--space-10:20px;--space-12:24px;--space-14:28px;--space-16:32px;--space-20:40px;--space-24:48px;--space-28:56px;--space-32:64px;--space-40:80px;--space-48:96px;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px;--radius-xl:22px;--shadow-soft:0 6px 16px rgba(84,55,38,0.08);--shadow-card:0 10px 30px rgba(84,55,38,0.12);--shadow-elevated:0 18px 45px rgba(48,30,22,0.22);--shadow-pencil:0 0 0 1px rgba(92,64,51,0.06),0 12px 24px rgba(61,40,29,0.16);--border-notebook:1px solid rgba(82,56,43,0.18);--transition-fast:120ms ease-out;--transition-normal:200ms ease-out;--transition-slow:320ms ease-out;--max-width-page:1120px;--container-padding-inline:clamp(16px,4vw,32px);--focus-ring-color:rgba(156,199,221,0.95);--focus-ring-shadow:0 0 0 2px #fffdf8,0 0 0 4px rgba(156,199,221,0.95)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-font-smoothing:antialiased}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);background-image:radial-gradient(circle at 0 0,rgba(255,255,255,0.9) 0,transparent 55%),radial-gradient(circle at 100% 100%,rgba(255,255,255,0.9) 0,transparent 55%);-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{max-width:100%;display:block}img{height:auto}button,input,select,textarea{font:inherit;color:inherit}button{background:none;border:none;padding:0;cursor:pointer}a{text-decoration:none;color:var(--color-primary);transition:color var(--transition-normal),background-color var(--transition-normal),box-shadow var(--transition-normal),transform var(--transition-fast)}a:hover{color:var(--color-caramel)}a:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow);border-radius:var(--radius-md)}p{margin:0 0 var(--space-10);color:var(--color-text)}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-8);font-weight:700;color:var(--color-coffee);letter-spacing:0.01em}h1{font-size:var(--font-size-4xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-2xl);line-height:var(--line-height-snug)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}ul,ol{margin:0 0 var(--space-10);padding-left:1.25rem}li{margin-bottom:var(--space-3)}blockquote{margin:0 0 var(--space-12);padding:var(--space-10) var(--space-12);border-left:3px solid var(--color-primary-soft);background:linear-gradient(120deg,rgba(231,206,178,0.14),rgba(252,248,241,0.9))}code,kbd,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:0.875em}table{width:100%;border-collapse:collapse;border-spacing:0}th,td{padding:var(--space-6) var(--space-8);border-bottom:1px solid rgba(125,94,72,0.15);text-align:left}hr{border:0;border-top:1px dashed rgba(125,94,72,0.4);margin:var(--space-16) 0;opacity:0.7}.page{min-height:100vh;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,rgba(196,170,150,0.16) 27px),repeating-linear-gradient(to right,rgba(186,149,124,0.22) 0,rgba(186,149,124,0.22) 1px,transparent 1px,transparent 32px);background-size:100% 28px,100% 32px;background-attachment:fixed}.page-inner{max-width:var(--max-width-page);margin:0 auto;padding:var(--space-20) var(--container-padding-inline) var(--space-32)}.cafe-annotation{font-family:var(--font-handwritten);font-size:var(--font-size-md);line-height:var(--line-height-tight);color:var(--color-muted)}.cafe-annotation-small{font-family:var(--font-handwritten);font-size:var(--font-size-sm);line-height:var(--line-height-tight);color:var(--color-muted)}.container{max-width:var(--max-width-page);margin:0 auto;padding-inline:var(--container-padding-inline)}.container-wide{max-width:1280px;margin:0 auto;padding-inline:var(--container-padding-inline)}.flow>*+*{margin-top:var(--space-8)}.flow-lg>*+*{margin-top:var(--space-14)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-12)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-12)}.grid-auto-fit{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-12)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6) var(--space-14);border-radius:999px;border:1px solid rgba(118,79,55,0.25);background:linear-gradient(135deg,#fef7ee,#f1ddc5);box-shadow:0 2px 0 rgba(120,84,60,0.35),var(--shadow-soft);color:var(--color-coffee);font-weight:600;font-size:0.95rem;letter-spacing:0.02em;text-transform:uppercase;cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-normal),border-color var(--transition-normal)}.btn:hover{transform:translateY(-1px);box-shadow:0 3px 0 rgba(120,84,60,0.35),var(--shadow-card);background:linear-gradient(135deg,#fff5e6,#f3e0c7)}.btn:active{transform:translateY(0);box-shadow:0 1px 0 rgba(120,84,60,0.4),var(--shadow-soft)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-caramel));color:#fff;border-color:rgba(84,45,28,0.5);box-shadow:0 2px 0 rgba(78,45,27,0.6),var(--shadow-card)}.btn-primary:hover{background:linear-gradient(135deg,#f1ba8c,#d88955)}.btn-ghost{background:rgba(255,252,246,0.9);color:var(--color-coffee);border-style:dashed;border-color:rgba(124,86,64,0.5);box-shadow:none}.btn-ghost:hover{background:rgba(255,252,246,1);box-shadow:var(--shadow-soft)}.btn-icon{padding-inline:var(--space-8);border-radius:999px}.btn[disabled],.btn:disabled{opacity:0.55;cursor:not-allowed;transform:none;box-shadow:0 0 0 1px rgba(120,84,60,0.16)}.field-group{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-10)}.field-label{font-size:0.9rem;font-weight:600;color:var(--color-coffee)}.field-hint{font-size:0.8rem;color:var(--color-muted)}.input,.textarea,.select{width:100%;padding:var(--space-6) var(--space-8);border-radius:var(--radius-md);border:1px solid rgba(137,102,80,0.35);background-color:rgba(255,253,248,0.96);color:var(--color-text);box-shadow:0 1px 0 rgba(164,123,97,0.28);transition:border-color var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--color-sky);box-shadow:var(--focus-ring-shadow)}.input::placeholder,.textarea::placeholder{color:rgba(132,103,84,0.7);font-family:var(--font-handwritten);font-size:0.95rem}.textarea{min-height:120px;resize:vertical;padding-top:var(--space-8)}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,rgba(122,86,62,0.85) 51%),linear-gradient(135deg,rgba(122,86,62,0.85) 50%,transparent 51%);background-position:calc(100% - 14px) 55%,calc(100% - 9px) 55%;background-size:7px 7px;background-repeat:no-repeat}.input[disabled],.textarea[disabled],.select[disabled]{background-color:rgba(244,235,226,0.9);cursor:not-allowed;opacity:0.7}.card-notebook{position:relative;padding:var(--space-12);border-radius:var(--radius-lg);background:var(--color-paper);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 26px,rgba(205,183,161,0.3) 27px),linear-gradient(90deg,rgba(175,136,112,0.25) 45px,transparent 45px);box-shadow:var(--shadow-pencil);border:var(--border-notebook);overflow:hidden}.card-notebook::before{content:"";position:absolute;top:-60px;right:-60px;width:140px;height:140px;border-radius:50%;border:2px solid rgba(168,117,81,0.18);box-shadow:0 0 0 6px rgba(234,209,186,0.35);opacity:0.4;transform:rotate(-6deg)}.card-notebook::after{content:"☕";position:absolute;top:14px;right:22px;font-family:var(--font-handwritten);font-size:1.4rem;opacity:0.75}.card-menu{position:relative;padding:var(--space-12) var(--space-16);border-radius:18px;background:radial-gradient(circle at 0 0,#fffdf8 0,#f8efe4 52%,#f1e1ce 100%);box-shadow:0 14px 32px rgba(101,69,49,0.22);border:1px solid rgba(115,76,53,0.28)}.card-menu::before{content:"Menu du café";position:absolute;top:10px;left:50%;transform:translateX(-50%);font-family:var(--font-handwritten);font-size:var(--font-size-md);letter-spacing:0.16em;text-transform:uppercase;color:rgba(80,54,39,0.76)}.card-menu-header{margin-top:var(--space-16);padding-bottom:var(--space-8);border-bottom:1px dashed rgba(123,84,60,0.55);display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6)}.card-menu-title{font-family:var(--font-handwritten);font-size:1.4rem;color:var(--color-coffee)}.card-menu-tag{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.16em;color:rgba(88,61,44,0.9)}.card-menu-items{margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);font-size:0.95rem}.card-menu-row{display:flex;justify-content:space-between;gap:var(--space-6)}.card-menu-label{position:relative;padding-right:var(--space-4);white-space:nowrap}.card-menu-label::after{content:"";position:absolute;left:100%;right:0;top:55%;border-bottom:1px dotted rgba(120,83,59,0.7);margin-left:var(--space-4);opacity:0.7}.card-menu-price{font-weight:600;color:var(--color-coffee)}.card-customer{position:relative;padding:var(--space-10);border-radius:18px;background:linear-gradient(145deg,#fffdf8,#f6e7d6);border:1px solid rgba(141,103,80,0.3);box-shadow:0 10px 22px rgba(90,59,44,0.18)}.card-customer::before{content:"client";position:absolute;top:8px;left:18px;font-family:var(--font-handwritten);font-size:0.9rem;color:rgba(112,78,58,0.85);text-transform:lowercase;letter-spacing:0.12em}.card-customer-avatar{width:64px;height:64px;border-radius:999px;border:2px solid rgba(255,255,255,0.9);box-shadow:0 6px 14px rgba(93,63,45,0.35);overflow:hidden;background:radial-gradient(circle at 30% 20%,#ffe7da,#f1c1a7)}.card-customer-header{display:flex;align-items:center;gap:var(--space-8);margin-top:var(--space-6);margin-bottom:var(--space-4)}.card-customer-name{font-weight:700;color:var(--color-coffee)}.card-customer-note{font-family:var(--font-handwritten);font-size:0.95rem;color:var(--color-muted)}.card-moodboard{position:relative;padding:var(--space-12);border-radius:26px;background:#fdf7f2;box-shadow:0 16px 38px rgba(80,53,38,0.28);border:1px solid rgba(122,88,65,0.35);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-10);align-items:flex-start}.card-moodboard::before{content:"décoration";position:absolute;top:12px;left:22px;font-family:var(--font-handwritten);font-size:1rem;color:rgba(118,83,61,0.9)}.card-moodboard::after{content:"✶";position:absolute;bottom:10px;right:20px;font-family:var(--font-handwritten);font-size:1.5rem;color:rgba(196,137,103,0.85);transform:rotate(-8deg)}.moodboard-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.moodboard-tile{position:relative;border-radius:18px;overflow:hidden;background:rgba(255,255,255,0.95);box-shadow:0 6px 16px rgba(88,61,44,0.22)}.moodboard-tile-label{position:absolute;bottom:8px;left:10px;padding:2px 8px;border-radius:999px;background:rgba(250,244,238,0.94);font-family:var(--font-handwritten);font-size:0.85rem;color:rgba(93,67,48,0.95)}.note-card{position:relative;padding:var(--space-10) var(--space-12) var(--space-12);border-radius:var(--radius-md);background:repeating-linear-gradient(to bottom,#fffdf8 0,#fffdf8 24px,#faeee3 25px);border:1px solid rgba(164,128,102,0.45);box-shadow:0 10px 18px rgba(98,70,52,0.2)}.note-card::before{content:"notes de gestion";position:absolute;top:6px;right:14px;font-family:var(--font-handwritten);font-size:0.8rem;color:rgba(120,86,64,0.9);text-transform:uppercase;letter-spacing:0.2em}.note-card-title{font-family:var(--font-handwritten);font-size:1.4rem;color:var(--color-coffee);margin-bottom:var(--space-4)}.note-card-list{margin:0;padding-left:1.1rem;font-size:0.95rem}.note-card-list li{margin-bottom:var(--space-3)}.hero-journal{position:relative;padding:var(--space-20) var(--space-16);border-radius:32px;background:radial-gradient(circle at 0 0,#fffdf8 0,#faebdd 48%,#f4dcc6 100%);box-shadow:0 26px 60px rgba(90,59,40,0.36);border:1px solid rgba(142,96,69,0.42);overflow:hidden}.hero-journal::before{content:"Tiny Coffee Shop Story";position:absolute;top:16px;left:50%;transform:translateX(-50%);font-family:var(--font-handwritten);font-size:1.1rem;letter-spacing:0.35em;text-transform:uppercase;color:rgba(95,64,45,0.9)}.hero-journal::after{content:"journal de café";position:absolute;bottom:16px;right:24px;font-family:var(--font-handwritten);font-size:1.1rem;color:rgba(100,71,50,0.9);transform:rotate(-4deg)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:var(--space-16);align-items:center}.hero-illustration{position:relative;isolation:isolate}.hero-cafe-card{position:relative;border-radius:26px;overflow:hidden;background:radial-gradient(circle at 15% 0,#ffe9d7 0,#f3ceb3 42%,#e4b496 100%);box-shadow:0 18px 38px rgba(74,48,33,0.4);padding:var(--space-12)}.hero-doodles{position:absolute;inset:0;pointer-events:none}.hero-doodles svg,.hero-doodles img{position:absolute;opacity:0.95}.hero-doodle-cup{bottom:-8px;right:10px;width:86px;transform:rotate(-4deg)}.hero-doodle-beans{top:18px;left:-10px;width:90px;transform:rotate(-12deg)}.hero-doodle-arrow{top:40%;right:-12px;width:62px}.badge-ink{display:inline-flex;align-items:center;gap:var(--space-4);padding:3px 9px;border-radius:999px;background:rgba(251,244,237,0.95);border:1px solid rgba(147,104,76,0.5);box-shadow:0 0 0 1px rgba(255,255,255,0.8);font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;color:rgba(90,60,41,0.9)}.tag-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 9px;border-radius:999px;background:rgba(137,173,143,0.18);color:var(--color-sage);font-size:0.8rem}.tag-pill--pink{background:rgba(234,167,190,0.16);color:var(--color-pink)}.tag-pill--sky{background:rgba(162,206,231,0.22);color:var(--color-sky)}.toplist{position:relative;padding:var(--space-12);border-radius:24px;background:#fffdf8;box-shadow:0 16px 34px rgba(90,60,43,0.24);border:1px solid rgba(154,113,89,0.45)}.toplist-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-8);margin-bottom:var(--space-6)}.toplist-kicker{font-size:0.8rem;letter-spacing:0.2em;text-transform:uppercase;color:rgba(104,71,52,0.95)}.toplist-title{font-family:var(--font-handwritten);font-size:1.6rem;color:var(--color-coffee)}.toplist-items{margin:0;padding-left:1.4rem;font-size:0.96rem}.toplist-items li{margin-bottom:var(--space-4)}.about-creator{position:relative;padding:var(--space-12) var(--space-14);border-radius:24px;background:linear-gradient(130deg,#fffdf8,#f3e7dc);border:1px solid rgba(148,108,83,0.4);box-shadow:0 18px 40px rgba(87,59,42,0.32);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr);gap:var(--space-10);align-items:flex-start}.about-creator::before{content:"À propos du créateur";position:absolute;top:12px;left:22px;font-family:var(--font-handwritten);font-size:1.05rem;color:rgba(120,84,62,0.95)}.about-creator-signature{font-family:var(--font-handwritten);font-size:1.5rem;color:var(--color-coffee)}.about-creator-meta{font-size:0.9rem;color:var(--color-muted)}.credits-card{position:relative;padding:var(--space-10) var(--space-12);border-radius:18px;background:#fffdf8;box-shadow:0 10px 22px rgba(92,63,45,0.2);border:1px dashed rgba(141,101,78,0.55)}.credits-card::before{content:"crédits & licence";position:absolute;top:-11px;left:18px;padding:2px 10px;border-radius:999px;background:#f7e3cf;font-family:var(--font-handwritten);font-size:0.95rem;color:rgba(84,56,40,0.95);box-shadow:0 4px 10px rgba(80,54,38,0.26)}.credits-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--space-10)}.credits-label{font-size:0.8rem;letter-spacing:0.18em;text-transform:uppercase;color:rgba(96,65,47,0.95);margin-bottom:var(--space-2)}.credits-value{font-size:0.9rem;color:var(--color-text)}.chip{display:inline-flex;align-items:center;gap:var(--space-3);padding:3px 9px;border-radius:999px;background:rgba(255,252,246,0.95);border:1px solid rgba(133,99,78,0.4);font-size:0.8rem;color:rgba(93,67,49,0.95)}.chip-dot{width:6px;height:6px;border-radius:999px;background:var(--color-success)}.chip-dot-warning{background:var(--color-warning)}.chip-dot-danger{background:var(--color-danger)}.ink-link{position:relative;color:var(--color-coffee);text-decoration:none;box-shadow:0 1px 0 rgba(155,109,80,0.6);transition:box-shadow var(--transition-fast),background-position var(--transition-fast)}.ink-link:hover{box-shadow:0 3px 0 rgba(155,109,80,0.8)}.ink-link::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:7px;background:linear-gradient(90deg,rgba(234,167,190,0.6),rgba(156,199,221,0.6));opacity:0.35;z-index:-1;transform-origin:left;transform:scaleX(0);transition:transform var(--transition-normal)}.ink-link:hover::after{transform:scaleX(1)}.top-ink-heading{font-family:var(--font-handwritten);font-size:1.8rem;color:var(--color-coffee)}.badge-fr{display:inline-flex;align-items:center;gap:var(--space-3);padding:2px 8px;border-radius:999px;background:rgba(164,206,231,0.2);color:var(--color-sky);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.18em}.badge-fr-flag{width:10px;height:10px;border-radius:50%;background:conic-gradient(from 180deg,#0055a4 0 33%,#fff 33% 66%,#ef4135 66% 100%)}:focus-visible{outline:none;box-shadow:var(--focus-ring-shadow)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scrollbar-color:auto}}@media (max-width:960px){.hero-grid,.about-creator,.credits-grid,.card-moodboard{grid-template-columns:minmax(0,1fr)}.hero-journal{padding:var(--space-16) var(--space-12)}.hero-journal::before{top:10px;font-size:1rem;letter-spacing:0.28em}.page-inner{padding-inline:20px}}@media (max-width:720px){h1{font-size:2.1rem}h2{font-size:1.8rem}.hero-grid{gap:var(--space-10)}.card-moodboard{padding:var(--space-10)}.card-notebook::before{display:none}.card-notebook::after{font-size:1.1rem}.toplist{padding:var(--space-10)}.about-creator{padding:var(--space-10) var(--space-12)}.hero-journal::after{font-size:0.95rem}.grid-2,.grid-3{grid-template-columns:minmax(0,1fr)}.moodboard-tiles{grid-template-columns:minmax(0,1fr)}.credits-card{padding-inline:var(--space-10)}}