:root{--purple: #5a4a8a;--purple-dark: #4a3d72;--blue-btn: #4a6fd8;--blue-btn-dark: #3d5fc0;--text: #4a3d72;--text-light: #6b5f94;--green: #2e8b57;--orange: #e07a2e;--sheet: #ffffff;--radius: 18px;--card-w: 72px;--card-h: 112px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:linear-gradient(175deg,#f0a8c8,#d8a0e0 18%,#c8b8f0 45%,#a8d0f0 75%,#c8e8f8);background-attachment:fixed}#app{max-width:480px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:.65rem .85rem;color:var(--purple);font-weight:600;font-size:.95rem}.top-bar .title{flex:1;text-align:center;font-size:1.05rem}.top-bar button.link{background:none;border:none;color:var(--purple);font-size:.8rem;cursor:pointer;padding:.25rem}.top-bar .back{font-size:1.35rem;line-height:1;cursor:pointer;background:none;border:none;color:var(--purple);width:2rem}.screen{flex:1;padding:.5rem .85rem 1.5rem}.sheet{background:var(--sheet);border-radius:var(--radius);box-shadow:0 8px 28px #4a3d721f;padding:1rem;margin-bottom:.85rem}.sheet h2{margin:0 0 .35rem;font-size:1.15rem;color:var(--purple-dark)}.sheet .sub{margin:0 0 .85rem;font-size:.82rem;color:var(--text-light)}.home-hero{text-align:center;padding:1rem 0 .5rem}.home-hero h1{font-size:1.5rem;color:var(--purple-dark);margin:0 0 .25rem}.home-card{display:flex;gap:1rem;align-items:center;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.home-card:hover,.home-card:focus{border-color:var(--purple);outline:none}.home-card img{width:100px;height:auto;border-radius:8px;flex-shrink:0}.home-card .meta h3{margin:0 0 .25rem;font-size:1.05rem}.home-card .meta p{margin:0;font-size:.85rem;color:var(--blue-btn)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e3c73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{background:var(--sheet);border-radius:var(--radius);padding:1.15rem 1rem 1rem;width:100%;max-width:400px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 40px #0003}.modal h2{margin:0 0 .5rem;font-size:1.2rem;color:var(--purple-dark)}.modal p.hint{font-size:.82rem;color:var(--text-light);margin:0 0 1rem;line-height:1.45}.domain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:1rem}.domain-tile{border:2px solid #ccc;border-radius:10px;padding:.35rem;text-align:center;cursor:pointer;background:#fafafa;min-height:88px;display:flex;flex-direction:column;justify-content:flex-end}.domain-tile.selected{border-color:var(--blue-btn);box-shadow:0 0 0 2px #4a6fd859}.domain-tile .thumb{flex:1;border-radius:6px;margin-bottom:.25rem;background-size:cover;background-position:center;min-height:48px}.domain-tile span{font-size:.68rem;font-weight:600;line-height:1.15;color:var(--purple-dark)}.btn-row{display:flex;justify-content:flex-end;gap:.5rem}.btn-primary{background:var(--purple-dark);color:#fff;border:none;border-radius:999px;padding:.55rem 1.25rem;font-weight:600;cursor:pointer}.btn-blue{width:100%;background:var(--blue-btn);color:#fff;border:none;border-radius:999px;padding:.85rem 1rem;font-size:1rem;font-weight:600;cursor:pointer;margin-top:.5rem}.btn-blue:disabled{opacity:.5}.btn-secondary{width:100%;background:#eef0f8;color:var(--purple);border:1px solid #c8c0e0;border-radius:999px;padding:.75rem;font-weight:600;cursor:pointer;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.4rem}.btn-outline{width:100%;background:transparent;color:#fff;border:2px solid rgba(255,255,255,.85);border-radius:999px;padding:.7rem;margin-top:.5rem;cursor:pointer}textarea.input{width:100%;min-height:5rem;border:2px solid #b8b0d0;border-radius:12px;padding:.65rem;font-family:inherit;font-size:.95rem;resize:vertical}.layout-pick{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.layout-option{border:2px solid #c8c0e0;border-radius:12px;padding:.5rem;cursor:pointer;text-align:center;font-size:.75rem;font-weight:600;background:#f8f6fc}.layout-option.selected{border-color:var(--blue-btn);background:#eef2ff}.layout-option .mini-spread{height:56px;margin:.35rem 0;background:#dce8f8;border-radius:8px;position:relative}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:.4rem;margin:.75rem 0}.mode-toggle button{border:2px solid #c8c0e0;border-radius:999px;padding:.45rem;font-size:.72rem;background:#fff;cursor:pointer}.mode-toggle button.active{border-color:var(--purple);background:#f0ecff;font-weight:600}.shuffle-area{text-align:center;padding:1rem 0}.shuffle-area .card-back-lg{width:120px;height:180px;margin:1rem auto;background:url(/app/card-back.jpg) center/cover no-repeat;border-radius:10px;box-shadow:0 6px 20px #00000040}.progress-bar{height:6px;background:#fff9;border-radius:999px;overflow:hidden;margin:.75rem 0}.progress-bar>div{height:100%;background:var(--purple);transition:width .2s}.cut-piles{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0}.cut-pile{width:90px;height:130px;background:url(/app/card-back.jpg) center/cover no-repeat;border-radius:8px;box-shadow:2px 4px 12px #0000004d;cursor:pointer;transition:transform .2s}.cut-pile:hover{transform:translateY(-4px)}.result-sheet{background:var(--sheet);border:2px solid #b8c8e8;border-radius:var(--radius);padding:.85rem .5rem 1rem;margin-bottom:.75rem}.spread-cross-5{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;gap:.35rem;justify-items:center;align-items:end;max-width:320px;margin:0 auto}.spread-cross-5 .pos-q{grid-column:2;grid-row:1}.spread-cross-5 .pos-pour{grid-column:1;grid-row:2}.spread-cross-5 .pos-comp{grid-column:2;grid-row:2}.spread-cross-5 .pos-contre{grid-column:3;grid-row:2}.spread-cross-5 .pos-rep{grid-column:2;grid-row:3}.spread-row-3{display:flex;justify-content:center;gap:.4rem;flex-wrap:wrap}.spread-sept{display:grid;grid-template-columns:repeat(4,1fr);gap:.35rem;justify-items:center}.card-ui{text-align:center;width:var(--card-w)}.card-ui .pos-label{font-size:.62rem;font-weight:600;color:var(--purple);margin-bottom:.2rem;min-height:2em}.card-ui .face{width:var(--card-w);height:var(--card-h);border-radius:8px;border:3px solid var(--green);overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;position:relative}.card-ui.reversed .face{border-color:var(--orange)}.card-ui.reversed .face img{transform:rotate(180deg)}.card-ui .face img{max-width:100%;max-height:100%;object-fit:contain}.card-ui .face .fname{font-size:.62rem;padding:.25rem;line-height:1.15;color:var(--purple-dark)}.card-ui .orient{font-size:.62rem;margin-top:.15rem;font-weight:600}.card-ui .orient.up{color:var(--green)}.card-ui .orient.rev{color:var(--orange)}.link-sub{text-align:center;font-size:.78rem;color:var(--blue-btn);margin:.35rem 0}.loading-modal .cards-loader{display:flex;justify-content:center;gap:.35rem;margin:1rem 0}.loading-modal .cards-loader div{width:48px;height:72px;background:url(/app/card-back.jpg) center/cover no-repeat;border-radius:6px}.hidden{display:none!important}.interp-modal{max-height:85vh}.interp-modal .body{white-space:pre-wrap;line-height:1.55;font-size:.9rem;max-height:50vh;overflow-y:auto}.pub-note{font-size:.75rem;color:var(--orange);margin:.5rem 0;line-height:1.4}.btn-green{width:100%;background:#2d7a4a;color:#fff;border:none;border-radius:999px;padding:.75rem;font-weight:600;margin-top:.5rem}.legal{text-align:center;font-size:.68rem;color:var(--text-light);padding:.5rem}