:root{--color-bg: #f4f0ea;--color-surface: #fffdf9;--color-text: #1e1e1c;--color-text-secondary: #6b6863;--color-accent: #765765;--color-accent-soft: #eee5e9;--color-border: #d9d3cc;--color-focus: #315d7a;--color-attention: #8a6549;--font-family: "Avenir Next", Avenir, "Helvetica Neue", system-ui, sans-serif;--font-size-display: clamp(2rem, 6vw, 3rem);--font-size-page-title: clamp(1.75rem, 5vw, 2.125rem);--font-size-card-title: clamp(1.5rem, 4.5vw, 1.75rem);--font-size-body: 1.0625rem;--font-size-button: 1rem;--font-size-support: .9375rem;--radius-card: 24px;--radius-control: 14px;--radius-sheet: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--shadow-card: 0 6px 24px rgba(30, 30, 28, .08);--shadow-sheet: 0 -8px 32px rgba(30, 30, 28, .14);--max-width-page: 680px;--max-width-session: 520px;--duration-fast: .15s;--duration-medium: .4s;--duration-shuffle: .65s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 1ms;--duration-medium: 1ms;--duration-shuffle: 1ms}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100dvh;display:flex;flex-direction:column}h1,h2,h3,h4,p{margin:0}button{font-family:inherit}a{color:var(--color-accent)}img{max-width:100%;display:block}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:var(--space-3);background:var(--color-surface);color:var(--color-text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);border:1px solid var(--color-border);z-index:200;transition:top var(--duration-fast) ease}.skip-link:focus{top:var(--space-3)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.app-shell{display:flex;flex-direction:column;min-height:100dvh;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}.app-main{flex:1;width:100%;max-width:var(--max-width-page);margin:0 auto;padding:var(--space-5) var(--space-5) var(--space-7)}.app-main--session{max-width:var(--max-width-session)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.page-header h1{font-size:var(--font-size-page-title);font-weight:700;letter-spacing:-.01em}.page-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-support);margin-top:var(--space-1)}.icon-button{width:44px;height:44px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer}.icon-button:hover{background:var(--color-accent-soft)}.icon-button[aria-pressed=true]{color:var(--color-accent);border-color:var(--color-accent)}.btn{font-size:var(--font-size-button);font-weight:600;border-radius:var(--radius-control);min-height:48px;padding:var(--space-3) var(--space-5);cursor:pointer;transition:transform var(--duration-fast) ease,background var(--duration-fast) ease;border:1px solid transparent}.btn:active{transform:scale(.98)}.btn-primary{width:100%;background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:#674a57}.btn-secondary{width:100%;background:transparent;color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-accent-soft)}.btn-text{background:transparent;border:none;color:var(--color-accent);font-weight:600;padding:var(--space-2) var(--space-1);cursor:pointer;min-height:44px}.btn-row{display:flex;flex-direction:column;gap:var(--space-3)}.bottom-nav{position:sticky;bottom:0;display:flex;justify-content:space-around;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-2) calc(var(--space-2) + var(--safe-bottom))}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-text-secondary);font-size:12px;padding:var(--space-2) 0;min-height:48px;justify-content:center;border-radius:var(--radius-control)}.bottom-nav a[aria-current=page]{color:var(--color-accent);font-weight:700}.bottom-nav a:hover{background:var(--color-accent-soft)}.card-stack{position:relative;width:min(76vw,240px);aspect-ratio:5 / 7;margin:var(--space-6) auto}.card-stack__layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-card);background:var(--color-accent);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.card-stack__layer:nth-child(1){transform:translateY(10px) scale(.96);opacity:.55}.card-stack__layer:nth-child(2){transform:translateY(5px) scale(.98);opacity:.8}.card-stack__layer:nth-child(3){background:none;border:none;box-shadow:none}@media (prefers-reduced-motion: no-preference){.card-stack--idle .card-stack__layer:nth-child(3){animation:idle-float 4.5s ease-in-out infinite}}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.card-back{position:relative;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--radius-card);background:var(--color-accent);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--color-border);box-shadow:var(--shadow-card);text-align:center;line-height:1.15}.card-back__line1{font-size:clamp(.9rem,4vw,1.1rem);letter-spacing:.08em;font-weight:600}.card-back__line2{font-size:clamp(1.8rem,9vw,2.6rem);font-weight:800;letter-spacing:.03em;margin-top:4px}.draw-stage{display:flex;flex-direction:column;align-items:center}.draw-card-wrap{width:min(80vw,260px);aspect-ratio:5 / 7;margin:var(--space-5) auto;position:relative}.draw-card-wrap.is-shuffling .card-back{animation:shuffle-motion var(--duration-shuffle) ease}@keyframes shuffle-motion{0%{transform:translate(0) rotate(0)}25%{transform:translate(-6px) rotate(-2deg)}50%{transform:translate(6px) rotate(2deg)}75%{transform:translate(-3px) rotate(-1deg)}to{transform:translate(0) rotate(0)}}.draw-card-wrap.is-flipping .card-back{animation:flip-motion var(--duration-medium) ease forwards}@keyframes flip-motion{0%{transform:rotateY(0)}to{transform:rotateY(90deg)}}.activity-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-6) var(--space-5);max-width:330px;margin:0 auto;min-height:calc(330px * 1.4);display:flex;flex-direction:column}.activity-card__title{font-size:var(--font-size-card-title);font-weight:700;text-align:center;margin-bottom:var(--space-5)}.activity-card__prompts{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4);text-align:left;flex:1}.activity-card__prompts li{line-height:1.6}.mode-list{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-5) 0}.mode-tile{width:100%;text-align:left;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);cursor:pointer;display:flex;flex-direction:column;gap:2px}.mode-tile[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.mode-tile__title{font-weight:700;font-size:1.05rem}.mode-tile__desc{color:var(--color-text-secondary);font-size:var(--font-size-support)}.setup-list{display:flex;flex-direction:column;gap:var(--space-5);margin:var(--space-5) 0}.setup-item{display:flex;gap:var(--space-4);align-items:flex-start}.setup-item__icon{width:40px;height:40px;min-width:40px;border-radius:50%;background:var(--color-accent-soft);color:var(--color-accent);display:flex;align-items:center;justify-content:center}.setup-item__title{font-weight:700}.setup-item__desc{color:var(--color-text-secondary);font-size:var(--font-size-support)}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e1e1c66;display:flex;align-items:flex-end;justify-content:center;z-index:100}.sheet{width:100%;max-width:var(--max-width-page);background:var(--color-surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:var(--space-5) var(--space-5) calc(var(--space-5) + var(--safe-bottom));max-height:85vh;overflow-y:auto}.sheet__handle{width:40px;height:4px;background:var(--color-border);border-radius:2px;margin:0 auto var(--space-4)}.sheet__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.sheet__title{font-size:1.25rem;font-weight:700}.sheet__options{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.sheet-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);cursor:pointer;min-height:48px;text-align:left}.sheet-option[aria-pressed=true]{border-color:var(--color-accent);background:var(--color-accent-soft)}.toast{position:fixed;left:50%;bottom:calc(var(--space-5) + var(--safe-bottom));transform:translate(-50%);background:var(--color-text);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);font-size:var(--font-size-support);z-index:150;max-width:calc(100vw - var(--space-6));text-align:center}.accordion-item{border-bottom:1px solid var(--color-border)}.accordion-trigger{width:100%;text-align:left;background:none;border:none;padding:var(--space-4) 0;display:flex;align-items:center;justify-content:space-between;font-weight:700;font-size:1.05rem;cursor:pointer;min-height:48px;color:var(--color-text)}.accordion-panel{padding:0 0 var(--space-4);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-3)}.accordion-panel ul{padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.tutorial-step{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:60vh;gap:var(--space-4)}.tutorial-step h1{font-size:var(--font-size-page-title);font-weight:700}.tutorial-step p{color:var(--color-text-secondary);max-width:44ch}.tutorial-dots{display:flex;gap:var(--space-2);justify-content:center;margin:var(--space-5) 0}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.tutorial-dot--active{background:var(--color-accent);width:20px;border-radius:4px}.tutorial-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-4)}.favorite-tile{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);margin-bottom:var(--space-3)}.favorite-tile__title{font-weight:700}.favorite-tile__preview{color:var(--color-text-secondary);font-size:var(--font-size-support);margin-top:2px}.favorite-tile__actions{display:flex;align-items:center;gap:var(--space-2)}.empty-state{color:var(--color-text-secondary);text-align:center;padding:var(--space-6) var(--space-4)}.notice-prompts{list-style:none;padding:0;margin:var(--space-5) 0;display:flex;flex-direction:column;gap:var(--space-4)}.notice-prompts li{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4)}.connection-slider{margin:var(--space-5) 0}.connection-slider label{display:block;font-weight:600;margin-bottom:var(--space-2)}.connection-slider input[type=range]{width:100%;min-height:24px}.card-fan{display:flex;justify-content:center;margin:var(--space-6) 0;min-height:140px}.card-fan__item{width:90px;aspect-ratio:5/7;border-radius:14px;background:var(--color-accent);border:1px solid var(--color-border);box-shadow:var(--shadow-card);margin-left:-30px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;text-align:center;padding:8px}.card-fan__item:first-child{margin-left:0}.breathing-circle{width:140px;height:140px;border-radius:50%;background:var(--color-accent-soft);border:2px solid var(--color-accent);margin:var(--space-6) auto}@media (prefers-reduced-motion: no-preference){.breathing-circle--animated{animation:breathe 8s ease-in-out infinite}}@keyframes breathe{0%,to{transform:scale(.85)}50%{transform:scale(1.1)}}.offline-toast{position:fixed;top:calc(var(--space-3) + var(--safe-top));left:50%;transform:translate(-50%);background:var(--color-text);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);font-size:13px;z-index:150}.session-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.link-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.disclaimer{color:var(--color-text-secondary);font-size:var(--font-size-support);background:var(--color-accent-soft);border-radius:var(--radius-control);padding:var(--space-4);margin-top:var(--space-5)}@media (min-width: 720px){.app-main{padding-top:var(--space-6)}}