.home-screen,.exercise-library{position:fixed;inset:0;z-index:1400;background:radial-gradient(circle at 72% -12%,rgba(80,122,168,.34) 0,transparent 34%),radial-gradient(circle at 10% 90%,rgba(35,115,112,.18) 0,transparent 34%),linear-gradient(145deg,#07111f 0%,#101a27 52%,#172737 100%);color:#f5f9fb;overflow:auto;padding:28px}
  .home-shell,.library-shell{width:min(1320px,100%);min-height:calc(100vh - 56px);margin:auto;display:flex;flex-direction:column;justify-content:center}
  .home-brand{text-align:center;margin-bottom:34px}.home-kicker{color:#86c3ff;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;margin-bottom:10px}.home-title{font-size:clamp(42px,7vw,76px);font-weight:300;letter-spacing:.035em;margin:0}.home-subtitle{color:#cfe3ff;font-size:clamp(15px,2vw,20px);letter-spacing:.05em;margin:10px 0 0}
  .home-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;perspective:1000px}
  .home-return-wrap{display:flex;justify-content:center;margin-top:24px}
  .home-return-link{display:inline-flex;align-items:center;gap:9px;color:#cfe3ff;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.045em;padding:10px 15px;border:1px solid rgba(118,183,255,.30);border-radius:999px;background:rgba(12,28,45,.38);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}
  .home-return-link:hover{transform:translateY(-1px);border-color:rgba(143,218,202,.72);background:rgba(25,58,67,.58);color:#effffd}
  .home-return-link svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

  .home-card{--card-accent:#76b7ff;--card-rgb:118,183,255;position:relative;isolation:isolate;overflow:hidden;min-height:250px;text-align:left;border:1px solid rgba(var(--card-rgb),.48);border-radius:24px;padding:25px;background:linear-gradient(145deg,rgba(var(--card-rgb),.20),rgba(10,22,36,.58) 56%,rgba(8,18,30,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 22px 65px rgba(0,0,0,.38),0 0 38px rgba(var(--card-rgb),.07);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);color:#fff;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;display:flex;flex-direction:column}
  .home-card:before{content:"";position:absolute;z-index:-1;inset:-35% 28% 48% -20%;background:radial-gradient(circle,rgba(var(--card-rgb),.34),transparent 68%);filter:blur(4px);pointer-events:none}.home-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.09),transparent 27%,transparent 73%,rgba(255,255,255,.035));pointer-events:none}
  .home-card.draw{--card-accent:#54d4c5;--card-rgb:84,212,197}.home-card.reflect{--card-accent:#b58cff;--card-rgb:181,140,255}.home-card.exercises{--card-accent:#f1b968;--card-rgb:241,185,104}.home-card.pair{--card-accent:#7fb8ff;--card-rgb:127,184,255}.home-card.symbols{--card-accent:#d7a7ff;--card-rgb:215,167,255}
  .home-card:hover{transform:translateY(-6px) scale(1.012);border-color:rgba(var(--card-rgb),.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 28px 75px rgba(0,0,0,.45),0 0 44px rgba(var(--card-rgb),.16)}
  .home-icon{width:72px;height:72px;margin-bottom:auto;color:var(--card-accent);filter:drop-shadow(0 0 13px rgba(var(--card-rgb),.26))}.home-icon svg{width:100%;height:100%;display:block;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
  .home-card h2{font-size:22px;letter-spacing:.07em;margin:30px 0 8px}.home-card p{color:#cbd8e3;margin:0;line-height:1.48}.home-footer{text-align:center;color:#8ea6b8;font-size:12px;margin-top:24px}.home-memory{margin-top:16px;border:1px solid rgba(143,218,202,.25);background:rgba(9,25,36,.45);backdrop-filter:blur(12px);border-radius:16px;padding:14px 18px;color:#b9ccc9;display:none}.home-memory.show{display:block}.home-memory strong{color:#8fdaca}.home-memory button{margin-left:10px;border:0;background:transparent;color:#76b7ff;cursor:pointer;font:inherit;text-decoration:underline}
  .home-journal{margin-top:12px;border:1px solid rgba(118,183,255,.22);background:rgba(9,25,36,.45);backdrop-filter:blur(12px);border-radius:16px;padding:14px 18px;color:#c7d5df;display:none}.home-journal.show{display:block}.home-journal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.home-journal-head strong{color:#9fd0ff}.home-journal-count{font-size:12px;color:#7f9bae}.home-journal-list{display:grid;gap:7px}.home-journal-item{padding:9px 11px;border:1px solid rgba(118,183,255,.16);border-radius:10px;background:rgba(11,23,36,.48)}.home-journal-item{display:flex;align-items:center;justify-content:space-between;gap:12px}.home-journal-item-main{min-width:0;flex:1}.home-journal-item b{display:block;color:#e6f1fa;font-size:13px}.home-journal-item span{display:block;color:#8ea6b8;font-size:12px;margin-top:2px}.home-journal-actions{display:flex;gap:7px;flex:0 0 auto;flex-wrap:wrap;justify-content:flex-end}.home-journal-open,.home-journal-delete,.home-journal-backup,.home-journal-restore{border:1px solid rgba(118,183,255,.35);background:rgba(24,50,72,.7);color:#d8edff;border-radius:9px;padding:7px 10px;cursor:pointer;font-weight:700}.home-journal-open:hover,.home-journal-backup:hover,.home-journal-restore:hover{border-color:#9fd0ff;background:rgba(31,65,92,.85)}.home-journal-delete{border-color:rgba(229,113,113,.35);background:rgba(77,31,38,.58);color:#ffd9dd}.home-journal-delete:hover{border-color:#ef9199;background:rgba(102,38,47,.78)}.home-journal-tools{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.home-journal-backup,.home-journal-restore{font-size:12px}.home-journal-restore{background:rgba(28,61,54,.7);border-color:rgba(111,203,177,.35);color:#dcfff5}.home-journal-restore:hover{border-color:#8fdaca;background:rgba(35,78,68,.86)}.home-journal-status{font-size:12px;color:#8fdaca;min-height:16px;margin:6px 0 0}.home-journal-empty{color:#8296a5;font-size:13px;padding:8px 2px}.saved-session-actions{display:flex;gap:8px;flex-wrap:wrap}.saved-session-delete{border:1px solid rgba(229,113,113,.45);background:rgba(77,31,38,.62);color:#ffd9dd;border-radius:10px;padding:11px 12px;cursor:pointer;font-weight:700}.saved-session-delete:hover{border-color:#ef9199;background:rgba(102,38,47,.82)}@media(max-width:700px){.home-journal-item{align-items:flex-start}.home-journal-actions{width:100%;justify-content:flex-start}.home-journal-item{flex-wrap:wrap}}.saved-session-card{display:grid;gap:15px}.saved-session-meta{font-size:12px;color:#8ea6b8}.saved-session-section{border:1px solid #344149;border-radius:12px;background:#10161a;padding:13px 15px}.saved-session-section h3{margin:0 0 8px;color:var(--cyan);font-size:15px}.saved-session-section p{margin:0;color:#cbd6d5;line-height:1.55;white-space:pre-wrap}.saved-session-back{border:1px solid #3a5152;background:#152321;color:#e6fbf8;border-radius:10px;padding:11px 12px;cursor:pointer;font-weight:700}.saved-session-back:hover{border-color:var(--cyan);background:#1c302d}.saved-session-drawings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.saved-drawing{border:1px solid #344149;border-radius:12px;background:#0d1317;padding:10px}.saved-drawing h4{margin:0 0 8px;color:#dff9f4;font-size:14px}.saved-drawing img{display:block;width:100%;aspect-ratio:8/5;object-fit:contain;background:#f6f5f1;border-radius:8px;border:1px solid #28353b}.saved-drawing a{display:inline-block;margin-top:8px;border:1px solid #3a5152;background:#152321;color:#e6fbf8;border-radius:9px;padding:8px 10px;text-decoration:none;font-size:12px;font-weight:700}.saved-drawing a:hover{border-color:var(--cyan)}@media(max-width:700px){.saved-session-drawings{grid-template-columns:1fr}}
  .screen-back{align-self:flex-start;border:1px solid rgba(118,183,255,.35);background:rgba(18,38,61,.55);backdrop-filter:blur(12px);color:#dfeeff;border-radius:10px;padding:9px 13px;cursor:pointer;margin-bottom:18px}.library-head{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.library-title h1{font-size:38px;font-weight:350;margin:0 0 5px}.library-title p{margin:0;color:#afc3d2}.library-filters{display:flex;gap:7px;flex-wrap:wrap}.library-filter{border:1px solid #38506a;background:rgba(18,34,54,.72);color:#dceafa;border-radius:999px;padding:8px 12px;cursor:pointer}.library-filter.active{background:#214d62;border-color:#67cdbc;color:#effffd}.library-filter .filter-count{display:inline-grid;place-items:center;min-width:22px;min-height:22px;margin-left:5px;padding:0 6px;border-radius:999px;background:rgba(255,255,255,.10);color:#bcd2e4;font-size:11px;font-weight:800}.library-filter.active .filter-count{background:rgba(143,218,202,.18);color:#effffd}.library-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:-3px 0 16px}.library-count-summary{color:#9fb5c5;font-size:13px}.library-count-summary strong{color:#eaf5ff;font-size:15px}.library-random{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(241,185,104,.55);background:rgba(83,58,25,.45);color:#ffe6b7;border-radius:11px;padding:9px 13px;cursor:pointer;font-weight:800;letter-spacing:.025em;transition:.16s}.library-random:hover{border-color:#f1b968;background:rgba(108,73,28,.62);transform:translateY(-1px)}.library-random:disabled{opacity:.45;cursor:default;transform:none}.library-import{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(84,212,197,.55);background:rgba(24,61,59,.58);color:#ddfffa;border-radius:11px;padding:9px 13px;cursor:pointer;font-weight:800;letter-spacing:.025em;transition:.16s}.library-import:hover{border-color:#54d4c5;background:rgba(31,82,78,.72);transform:translateY(-1px)}.library-package-status{width:100%;color:#9fb5c5;font-size:12px;min-height:16px}.library-package-status.ok{color:#8fdaca}.library-package-status.error{color:#f0a0a0}.library-package-manage{border:1px solid rgba(118,183,255,.35);background:rgba(18,38,61,.55);color:#dfeeff;border-radius:11px;padding:9px 13px;cursor:pointer;font-weight:750}.library-package-manage:hover{border-color:#76b7ff}.library-package-panel{width:100%;display:none;border:1px solid rgba(118,183,255,.24);background:rgba(13,27,43,.72);border-radius:13px;padding:12px}.library-package-panel.show{display:block}.library-package-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.library-package-row:last-child{border-bottom:0}.library-package-row b{flex:1}.library-package-row span{color:#9fb5c5;font-size:12px}.library-package-row button{border:1px solid #7d4b4b;background:#351d22;color:#ffdcdc;border-radius:8px;padding:6px 9px;cursor:pointer}.exercise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.exercise-tile{border:1px solid rgba(118,183,255,.24);background:rgba(13,27,43,.68);backdrop-filter:blur(12px);border-radius:16px;padding:18px;display:flex;flex-direction:column;min-height:225px}.exercise-topic{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8fdaca}.exercise-tile h3{font-size:19px;margin:8px 0}.exercise-duration{color:#76b7ff;font-size:12px;margin-bottom:10px}.exercise-tile p{color:#c4d0da;font-size:13px;line-height:1.45;margin:0 0 16px}.exercise-tile button{margin-top:auto;border:1px solid #4f9f97;background:#173d3b;color:#e5fffb;border-radius:10px;padding:10px 12px;font-weight:750;cursor:pointer}.exercise-tile button:hover{background:#20534f}.library-empty{grid-column:1/-1;color:#b8c6d0;text-align:center;padding:40px}

  .pair-info{display:none;align-items:flex-start;gap:12px;background:linear-gradient(135deg,rgba(39,78,112,.88),rgba(23,55,71,.88));border:1px solid rgba(127,184,255,.62);border-radius:var(--radius);padding:11px 13px;box-shadow:0 10px 28px #0004}
  .pair-info.show{display:flex}.pair-info-icon{width:24px;height:24px;flex:0 0 24px;color:#8ec4ff;margin-top:1px}.pair-info-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pair-info-text{min-width:0}.pair-info-text strong{display:block;color:#e8f3ff;margin-bottom:3px}.pair-info-text span{display:block;color:#c5d7e7;font-size:13px;line-height:1.45}.pair-info button{margin-left:auto;flex:0 0 auto;border:1px solid rgba(127,184,255,.45);background:rgba(9,28,42,.45);color:#e7f3ff;border-radius:8px;padding:6px 9px;cursor:pointer}.pair-info button:hover{border-color:#8ec4ff;background:rgba(24,55,77,.72)}
  .reflection-home{border:1px solid var(--line);background:#151a1f;border-radius:9px;padding:8px 12px;color:var(--text);cursor:pointer}.memory-card{border:1px solid rgba(143,218,202,.25);background:#101a20;border-radius:12px;padding:13px;margin:0 0 16px;color:#b9c7c6}.memory-card strong{color:#8fdaca}.memory-card small{display:block;color:#81908f;margin-top:4px}
  .workshop-home-btn{border:1px solid rgba(118,183,255,.46);background:rgba(31,56,84,.55);backdrop-filter:blur(10px);color:#dfeeff;border-radius:10px;min-height:36px;padding:7px 12px;cursor:pointer;white-space:nowrap;transition:.16s}.workshop-home-btn:hover{border-color:#76b7ff;background:rgba(48,83,120,.72)}
  .copyright{display:inline-block;margin-top:7px;color:#70899b;letter-spacing:.035em}.workshop-copyright{text-align:center;color:#6f7e87;font-size:12px;padding:4px 0 10px;letter-spacing:.035em}
  /* A Rajzműhely rögtön nagy vászonnal induljon; a Transzformáció csak mellé/alá nyíljon. */
  body{overflow:auto}
  .app{height:auto;min-height:100vh;grid-template-rows:auto auto auto auto auto auto}
  .workspace{height:clamp(560px,68vh,820px);min-height:560px;grid-template-rows:minmax(0,1fr) auto}
  .stage{min-height:560px}
  .paper{min-height:0;max-height:100%}
  @media(min-width:1100px){
    .workspace:has(.morph-panel[open]){height:clamp(560px,68vh,820px)}
    .workspace:has(.morph-panel[open]) .stage,.morph-panel[open]{min-height:560px}
  }
  @media(max-width:1099px){
    .app{height:auto;min-height:100vh;grid-template-rows:auto auto auto auto auto auto}
    .workspace{height:auto;min-height:0;grid-template-rows:minmax(520px,72vh) auto}
    .stage{min-height:520px}
    .paper{width:min(100%,160cqh);min-height:0;max-height:100%}
  }
  @media(max-width:1180px) and (min-width:901px){.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
  @media(max-width:900px){.home-grid,.exercise-grid{grid-template-columns:1fr}.home-card{min-height:185px}.home-shell,.library-shell{justify-content:flex-start}.library-head{align-items:flex-start;flex-direction:column}.home-icon{width:60px;height:60px}.home-card h2{margin-top:18px}}

  /* SZIMBÓLUMOK · külön asszociációs párbeszéd */
  .symbols-screen{position:fixed;inset:0;z-index:1450;background:radial-gradient(circle at 76% -14%,rgba(187,126,255,.30) 0,transparent 34%),radial-gradient(circle at 8% 88%,rgba(77,116,171,.18) 0,transparent 36%),linear-gradient(145deg,#090d18 0%,#151426 48%,#21182e 100%);color:#f7f3fb;overflow:auto;padding:28px}
  .symbols-shell{width:min(920px,100%);min-height:calc(100vh - 56px);margin:auto;display:flex;flex-direction:column;justify-content:center}
  .symbols-head{margin-bottom:18px}.symbols-kicker{color:#d7a7ff;font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.symbols-title{font-size:clamp(34px,5vw,52px);font-weight:350;margin:5px 0 7px}.symbols-sub{max-width:720px;color:#cfc3da;line-height:1.55;margin:0}
  .symbols-progress{display:flex;gap:7px;flex-wrap:wrap;margin:5px 0 18px}.symbols-progress span{width:9px;height:9px;border-radius:50%;background:#453a50}.symbols-progress span.done{background:#d7a7ff;box-shadow:0 0 10px rgba(215,167,255,.55)}
  .symbols-card{border:1px solid rgba(215,167,255,.28);background:rgba(15,16,29,.82);backdrop-filter:blur(14px);border-radius:20px;padding:24px;box-shadow:0 22px 70px rgba(0,0,0,.40)}
  .symbols-question{font-size:25px;line-height:1.3;margin:0 0 20px}.symbols-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.symbols-answer{min-height:92px;text-align:left;border:1px solid rgba(215,167,255,.30);background:#171724;border-radius:14px;padding:16px 18px;color:#f7f3fb;cursor:pointer;font:inherit;font-size:16px;transition:.18s}.symbols-answer:hover{border-color:#d7a7ff;background:#251d31;transform:translateY(-1px)}
  .symbols-note{margin:0 0 18px;padding:11px 13px;border-left:3px solid #d7a7ff;background:rgba(215,167,255,.07);border-radius:0 10px 10px 0;color:#bfb2cb;font-size:13px;line-height:1.45}.symbols-actions{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.symbols-actions button{border:1px solid rgba(215,167,255,.28);background:#171724;border-radius:9px;padding:8px 12px;color:#f4eafa;cursor:pointer}.symbols-actions button:disabled{opacity:.35;cursor:default}
  .symbols-result h2{font-size:30px;margin:4px 0 10px}.symbols-result .symbols-reflection{color:#ded6e4;line-height:1.6}.symbols-self{margin-top:17px;border:1px solid rgba(215,167,255,.25);background:rgba(215,167,255,.06);border-radius:12px;padding:14px 16px}.symbols-self strong{display:block;color:#d7a7ff;margin-bottom:5px}.symbols-exercise{margin-top:16px;border-left:3px solid #8fdaca;background:#10191b;border-radius:0 12px 12px 0;padding:16px 18px}.symbols-exercise h3{margin:4px 0 7px}.symbols-meta{color:#8fdaca;font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.symbols-start{margin-top:20px;width:100%;border:1px solid #d7a7ff!important;background:#342044!important;color:#fff4ff!important;border-radius:12px!important;padding:14px 18px!important;font-weight:800;letter-spacing:.045em;cursor:pointer}.symbols-start:hover{background:#45295b!important}.symbols-restart{width:100%;margin-top:8px;border:0!important;background:transparent!important;color:#ad9fba!important}
  .symbols-perspective{margin-top:16px;border:1px solid rgba(215,167,255,.25);background:#11131d;border-radius:14px;padding:15px 17px;color:#eee8f3}.symbols-perspective h3{margin:5px 0 6px;color:#fff}.symbols-perspective p{margin:4px 0;line-height:1.5}.symbols-perspective-kicker{color:#d7a7ff;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.symbols-perspective-detail{color:#bfb5c8!important}.symbols-perspective-btn{width:100%;margin-top:9px;border:1px solid rgba(215,167,255,.42)!important;background:#171724!important;color:#f7f3fb!important;border-radius:11px!important;padding:11px 14px!important;font-weight:800;letter-spacing:.035em;cursor:pointer}.symbols-perspective-btn:hover{background:#251d31!important;border-color:#d7a7ff!important}
  @media(max-width:700px){.symbols-screen{padding:10px}.symbols-shell{justify-content:flex-start}.symbols-card{padding:18px}.symbols-question{font-size:21px}.symbols-answers{grid-template-columns:1fr}.symbols-answer{min-height:72px}}