/* HANASHI STUDY EDITION — ruhig, klar, auf Lerninhalte ausgerichtet */
:root{
  --bg:#f5f7f5;
  --panel:#ffffff;
  --panel2:#f0f4f1;
  --muted:#687671;
  --ink:#253b36;
  --coral:#55766b;
  --coral2:#9cb6a8;
  --gold:#b68c56;
  --stroke:#dee6e0;
  --green:#427b68;
  --radius:14px;
  --accent:#315f53;
  --accent-dark:#21463e;
  --accent-pale:#e9f0ea;
  --quiet:#f9faf8;
  --sand:#eee9df;
  --shadow:0 8px 28px rgba(33,61,52,.045);
}
html{background:var(--bg)}
body{background:var(--bg);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;letter-spacing:-.01em}
button,input,select,textarea{color:inherit}
a{text-decoration-thickness:1px;text-underline-offset:3px}
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9cbdaf;outline-offset:3px}
.ambient-glow{display:none}
.app-layout{background:var(--bg)}
.sidebar{width:246px;flex-basis:246px;background:#fff;box-shadow:none;border-right:1px solid var(--stroke);padding:29px 15px 19px}
.logo{padding:0 9px 35px;gap:11px}
.logo-mark{height:40px;width:40px;border-radius:10px;background:var(--accent-dark);color:#fff;font-size:22px;box-shadow:none}
.logo strong{font-family:'Manrope','DM Sans',sans-serif;letter-spacing:-.9px;font-size:19px;color:#233d35}
.logo strong span{color:#587d6b}
.logo small{letter-spacing:1.4px;color:#83938a;font-size:9px;margin-top:7px}
.side-label{font-size:9px;color:#88968e;letter-spacing:1.4px;padding:8px 14px 10px}
.sidenav{gap:3px}
.navitem{font-weight:600;color:#56665e;font-size:12.5px;min-height:43px;padding:10px 11px;border-radius:9px;transition:background .16s,color .16s;letter-spacing:0}
.navitem:hover{background:#f2f6f3;transform:none;color:var(--accent-dark)}
.navitem.active{background:#eaf1ec;color:#235344;border-color:transparent;box-shadow:inset 3px 0 #4d7d67}
.ni{font-size:17px;width:22px;height:23px;color:#80968b}
.navitem.active .ni{color:#2c6654}
.new-flag{background:#e8f1ea;color:#427b68;font-size:8px;font-weight:700;padding:3px 5px;border-radius:4px;letter-spacing:0}
.side-bottom{background:#f8faf8;border:1px solid var(--stroke);border-radius:12px;box-shadow:none;padding:16px 14px}
.side-bottom-eyebrow{color:#6a7b72;font-size:9px;letter-spacing:1.1px}
.progress-track{background:#e4ebe5;height:6px}
.progress-track span{background:#52816a}
.progress-nums{color:#859189}
.progress-nums b{color:var(--ink)}
.side-sakura{display:none}
.main-shell{max-width:1780px;margin:0;min-height:100vh}
.topbar{height:67px;padding:0 39px;border-bottom:1px solid var(--stroke);background:#fff;backdrop-filter:none}
.crumb{letter-spacing:1.3px;font-weight:700;color:#687b70;font-size:10px}
.crumb span{color:#b6c1b9}
.top-actions{gap:9px}
.status-chip,.xp-chip{border:1px solid #e4e9e4;background:#fafbf9;color:#6f8076;font-size:10px;letter-spacing:0;border-radius:8px;font-weight:700;padding:8px 10px}
.status-chip i,.online-led{background:#63a47f;box-shadow:none}
.xp-chip{color:#637e69}
.settings-btn{background:#fff;border-color:var(--stroke);color:#62756b;border-radius:8px;font-size:16px}
.social-top-user{height:36px;box-shadow:none!important;border:1px solid #d4e2d8!important;background:#edf4ee!important;color:#2b6049!important;font-size:11px;border-radius:8px}
.social-top-user.is-signed-in{background:#e7f1ea!important}
.social-top-user #topOnlineDot,.social-top-user.is-signed-in #topOnlineDot{color:#4d9971!important}
main{padding:37px 40px 65px}
.view{animation:enter .20s ease}
.overline,.tiny-eyebrow{color:#648072;font-size:10px;letter-spacing:1.55px;font-weight:800}
.page-head{margin:0 0 27px;align-items:flex-end}
.page-head h1{font-family:'Manrope','DM Sans',sans-serif;color:#243b34;font-size:clamp(30px,3.5vw,45px);letter-spacing:-1.8px;line-height:1.17;margin:11px 0}
.page-head h1 em,.section-heading h2 em{color:#60816f;font-style:normal}
.page-head p,.section-heading p{color:#6c7a71;line-height:1.72}
.section-heading{margin:40px 0 19px}
.section-heading h2{color:#253c33;font-family:'Manrope',sans-serif;font-size:24px;letter-spacing:-.8px}
.text-cta,.link-button{color:#2e7359;font-weight:700}
.text-cta:hover,.link-button:hover{color:#1c4c3a}
.btn{border-radius:9px;box-shadow:none!important;min-height:41px;padding:11px 18px;font-weight:700;transform:none!important;transition:background .15s,border-color .15s,filter .15s}
.btn.primary{color:#fff;background:var(--accent);border-color:var(--accent)}
.btn.primary:hover{background:#254d42;filter:none}
.btn.secondary,.btn.outline{color:#36584b;background:#fff;border:1px solid #cddcd3}
.btn.outline:hover,.btn.secondary:hover{background:#f1f5f1}
.btn:disabled{background:#aebcb1;color:#fff}
.btn.large{padding:13px 19px;font-size:13px}

/* Lernfokussierte neue Startseite */
.study-intro{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.85fr);background:#fff;border:1px solid var(--stroke);border-radius:17px;overflow:hidden;box-shadow:var(--shadow);min-height:360px}
.study-intro-copy{padding:42px 43px 29px;display:flex;flex-direction:column;align-items:start}
.study-kicker{display:flex;align-items:center;gap:10px;color:#6d8577;font-size:10px;letter-spacing:1.2px;font-weight:800}
.study-kicker-dot{width:7px;height:7px;border-radius:50%;background:#5f9075}
.study-separator{color:#c5cec4}
.study-intro h1{font-family:'Manrope','DM Sans',sans-serif;font-size:clamp(34px,4vw,55px);line-height:1.17;letter-spacing:-2.3px;color:#233c35;margin:28px 0 17px;font-weight:800}
.study-intro h1 em{font-style:normal;color:#62856e}
.study-intro-copy>p{font-size:14px;line-height:1.82;color:#68786f;max-width:540px;margin:0}
.study-intro-copy>p strong{color:#284c3d;font-weight:800}
.study-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.study-hero-actions .btn.primary{gap:28px}
.study-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:auto;padding-top:35px;color:#79887e;font-size:11px}
.study-meta span+span{border-left:1px solid #e2e8e2;padding-left:14px}
.study-meta b{color:#315b4a;font-size:13px}
.study-intro-art{position:relative;isolation:isolate;overflow:hidden;background:#e9e7dd;min-height:340px}
.study-intro-art img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.52) contrast(.92)}
.study-intro-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#142b2acb,#152c2918 60%)}
.study-art-caption{position:absolute;left:25px;bottom:25px;z-index:1;color:#fff;display:flex;flex-direction:column;gap:5px}
.study-art-caption small{font-size:11px;color:#e0ebe1}
.study-art-caption strong{font-family:'Manrope',sans-serif;font-size:33px;letter-spacing:-1px;line-height:1.1}
.study-art-caption span{font-size:12px;color:#eff7ef}
.study-section-title{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:34px 0 16px}
.study-section-title h2{font-family:'Manrope',sans-serif;font-size:22px;letter-spacing:-.8px;margin:6px 0 0;color:#284136}
.study-section-title p{color:#819087;font-size:12px;max-width:340px;text-align:right;margin:0}
.study-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,.85fr);gap:17px}
.study-action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.study-action{background:#fff;border:1px solid var(--stroke);border-radius:12px;min-height:123px;padding:20px;display:flex;align-items:flex-start;gap:15px;text-align:left;box-shadow:0 2px 13px #1e433106;transition:border-color .15s,background .15s}
.study-action:hover{background:#fafcf9;border-color:#a9c6b4}
.study-action-index{display:grid;place-items:center;height:30px;min-width:30px;background:#eaf1ea;color:#4b7960;border-radius:8px;font-size:11px;font-weight:800}
.study-action-main{display:flex;flex:1;flex-direction:column;gap:9px;min-width:0}
.study-action-main strong{color:#284035;font-size:16px;font-family:'Manrope',sans-serif;letter-spacing:-.3px}
.study-action-main small{color:#7b887e;font-size:11px;line-height:1.6}
.study-action-arrow{color:#8baa96;font-size:19px;line-height:1}
.study-progress-card{background:#eff4ef;border:1px solid #d8e5d9;border-radius:12px;padding:23px 24px;display:flex;flex-direction:column}
.study-progress-top{display:flex;justify-content:space-between;align-items:center}
.study-progress-icon{font-family:'Noto Sans JP';font-size:23px;color:#81a794}
.study-progress-number{display:flex;align-items:baseline;gap:7px;margin-top:26px}
.study-progress-number strong{font-size:52px;font-weight:800;font-family:'Manrope',sans-serif;letter-spacing:-3px;line-height:1;color:#244e40}
.study-progress-number span{color:#718478;font-size:13px}
.study-progress-rail{height:7px;border-radius:10px;background:#d7e4d9;margin-top:17px;overflow:hidden}
.study-progress-rail span{display:block;height:100%;width:0;background:#4f846a;border-radius:10px;transition:width .3s}
.study-progress-card p{font-size:11px;line-height:1.75;color:#6d8172;margin:17px 0 22px}
.study-progress-link{align-self:start;margin-top:auto;color:#2a7054;border:0;background:none;padding:0;font-size:12px;font-weight:800}
.study-section-gap{margin-top:43px}
.journey-row{gap:12px}
.journey-card{min-height:145px;background:#fff;border:1px solid #dce5de;border-radius:11px;box-shadow:none}
.journey-card img{filter:saturate(.52)}
.journey-card:after{background:linear-gradient(0deg,#132b28e0,transparent 84%)}
.journey-card:hover{transform:none;border-color:#95b2a0}
.journey-card .journey-number{background:#ffffffed;color:#385749;border:0;border-radius:5px;font-size:10px;padding:5px 8px}
.journey-card .journey-bottom{left:12px;bottom:11px}
.journey-card strong{font-size:13px;color:#fff}
.journey-card small{color:#e1ede3;font-size:10px}
.study-bottom-grid{margin-top:22px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.study-bottom-link{border:1px solid var(--stroke);background:#fff;border-radius:11px;display:flex;align-items:center;gap:14px;text-align:left;padding:20px;min-height:92px}
.study-bottom-link:hover{background:#fafcf9;border-color:#b2cbb9}
.study-bottom-icon{min-width:38px;height:38px;display:grid;place-items:center;background:#edf3ee;border-radius:9px;color:#4d7c61;font-size:20px}
.study-bottom-link span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:5px}
.study-bottom-link strong{font-size:13px;color:#2d4b3a}
.study-bottom-link small{font-size:10px;line-height:1.6;color:#78897f}

/* Lernbereiche: klarere Übersichten und Karten */
.metric,.chapter-counter{border:1px solid var(--stroke);background:#fff;border-radius:11px;box-shadow:none}
.metric b,.chapter-counter b{color:#2e6752}
.metric b span,.metric small,.chapter-counter span{color:#839188}
.chapter-rail{gap:9px}
.chapter-pill{background:#fff;border:1px solid var(--stroke);border-radius:9px;color:#526b5a;box-shadow:none}
.chapter-pill b{color:#738579}
.chapter-pill.active{background:#e5f0e8;color:#275f49;border-color:#93b4a0}
.chapter-pill.done::after{background:#5f987a}
.immersive-stage,.mission-panel{background:#fff;border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:13px}
.stage-art img{filter:saturate(.65)}
.stage-tint{background:linear-gradient(0deg,#101a17ac,transparent 48%)}
.stage-time,.stage-spot-counter{background:#20372fe3;color:#fff;border:0;border-radius:8px;box-shadow:none}
.hotspot{background:#fffef0f2;color:#325b44;border:2px solid #fff;border-radius:50%;box-shadow:0 1px 8px #112a254b}
.hotspot:hover,.hotspot.seen{background:#bfdbcc;color:#1f5941}
.hotspot:after{box-shadow:none;border-color:#d6e4d7}
.hotspot.seen:after{border-color:#9bc7aa}
.pulse-amber{color:#bfe7c9}
.scene-under{background:#fff;color:#617266;border-color:var(--stroke)}
.ghost-arrow{background:#edf3ee;color:#416d56;border:1px solid var(--stroke);border-radius:8px}
.mission-title{color:#213c32}
.mission-eyebrow{color:#7b907e}
.mission-eyebrow>span:last-child{color:#78907e}
.led{background:#5e9975;box-shadow:none}
.mission-sub{color:#748276}
.avatar{background:#e4eee4;color:#426653;box-shadow:none}
.character-bubble{background:#f7faf7;border:1px solid var(--stroke);color:#2b4337}
.character-name{color:#708978}
.speech-rom{color:#688170}
.speech-de{color:#6c7b70}
.play-inline{background:#e5eee6;border:0;border-radius:6px;color:#2e6950}
.task-head{color:#728a78}
.task-option{background:#fff;color:#324b3d;border-color:#dce7df;border-radius:9px}
.task-option:hover{background:#f0f6f1;border-color:#95bba1}
.task-option small{color:#798b7e}
.task-option.correct{background:#e8f4ea;border-color:#68a781;color:#2a6447}
.task-option.wrong{background:#fbefed;border-color:#cfa69b;color:#8d6256}
.option-sound{background:#edf3ef;border:1px solid #dae6de;color:#477e5f;border-radius:8px}
.option-sound:hover{background:#dcece2}
.decision-outcome{color:#607665}
.mission-caption{background:#eff4ef;border:1px solid #dce7de;border-radius:12px;color:#697c70}
.mission-caption>span{color:#5c8972}
.mission-caption strong{color:#355c47}
.focus-word,.story-scene,.verb-display,.verb-example,.exercise-panel,.game-board,.script-feature,.script-quiz{background:#fff;border:1px solid var(--stroke);border-radius:13px;box-shadow:var(--shadow)}
.focus-illustration{background-color:#e7eee8}
.focus-illustration:before{background:#1e473b24}
.focus-illustration img{filter:saturate(.55)}
.focus-kana,.focus-de{color:#294536}
.focus-rom,.focus-desc{color:#768a7a}
.focus-shine{opacity:.12}
.filter-chips button{background:#fff;border:1px solid #e0e9e0;color:#68796d;border-radius:8px}
.filter-chips button.active{background:#deebe0;border-color:#87a98f;color:#286044}
.search-input{background:#fff;border:1px solid var(--stroke);border-radius:9px}
.search-input input{color:#2c4638}
.visual-grid{gap:12px}
.visual-card{background:#fff;border:1px solid #dce6df;border-radius:12px;box-shadow:none}
.visual-card:hover{transform:none;box-shadow:0 6px 24px #2c5a3810;border-color:#9eb9a7}
.visual-art{background:#edf2ed}
.visual-art:before{filter:saturate(.45) contrast(.90)}
.visual-art span{filter:none}
.visual-rom,.visual-de,.visual-meta{color:#778b7a}
.visual-actions button{color:#3d7154;background:#edf4ee;border:1px solid #dce9df;border-radius:7px}
.visual-actions button.learned{background:#deeee1;color:#26714d}
.native-mini{color:#819187}
.grid-footer{color:#788579}
.story-image img{filter:saturate(.64)}
.story-image:after{background:linear-gradient(0deg,#0b2015ba,transparent 70%)}
.story-image-title span{color:#eff6ee}
.story-chat-head{background:#eff4f0;border-bottom:1px solid var(--stroke)}
.story-chat-head i{color:#456c51}
.chat-icon{background:#e4f0e7;color:#4b755e}
.chat-turn.b .chat-icon{background:#e6ece5;color:#597360}
.chat-bubble,.chat-turn.b .chat-bubble{background:#f3f6f1;border:1px solid #e4ece4;color:#2a4838;border-radius:12px}
.chat-bubble .name{color:#5b816d}
.chat-bubble .romaji,.chat-bubble .translation{color:#708275}
.chat-bubble button{background:#e6eee6;border:1px solid #d5e4d7;color:#477158;border-radius:6px}
.role-panel,.question-card{background:#fff;border:1px solid var(--stroke);border-radius:12px}
.role-panel p,.question-card .romaji,.question-card .translation{color:#76897a}
.role-line{background:#f3f7f2;color:#355e45}
.question-card button{background:#e9f0e9;color:#3e7555;border-radius:7px}
.workbench-head select{background:#fff;border:1px solid var(--stroke);color:#274636;border-radius:8px}
.form-plate{background:#f8faf7;border:1px solid #dbe6dc;color:#2f4e3a;border-radius:11px}
.form-plate.highlighted,.form-plate.highlighted-te{background:#eaf2e9;border:1px solid #a3c3a8}
.form-plate span,.form-plate small{color:#758779}
.form-plate button{background:#e4eee5;color:#3b7653;border:0}
.transform-arrow{color:#7ea38a}
.grammar-explanation{background:#f6f9f5;border:1px solid #e4ebe4;color:#435e49}
.grammar-explanation span,.grammar-explanation p{color:#6b8470}
.verb-example p,.verb-example p.romaji{color:#6d8170}
.exercise-panel p{color:#6e836f}
.te-quiz{background:#f7faf7;border:1px solid var(--stroke)}
.te-quiz-choices button{background:#fff;border:1px solid #dce6db;color:#2d503c}
.te-quiz-feedback{color:#446953}
.all-verbs th{background:#eff4ef;color:#456b55}
.all-verbs td{color:#344f3f;border-color:#e4eae3}
.all-verbs tr:nth-child(even){background:#f8faf7}
.all-verbs .table-scroll{background:#fff;border:1px solid var(--stroke)}
.script-switch button{border:1px solid #dbe5dc;background:#fff;color:#59705f;border-radius:8px}
.script-switch button.active{background:#e0eee3;border-color:#8fb59d;color:#285f43}
.script-tile{background:#fff;border:1px solid #e0e9e0;border-radius:9px;color:#294a36}
.script-tile:hover,.script-tile.selected{background:#e7f1e8;border-color:#8db8a0}
.script-tile small,.big-script-sub{color:#68816c}
.big-script{color:#2d6247}
.script-options button{background:#fff;border:1px solid #dce8de;color:#31533b;border-radius:8px}
.script-options button.correct{background:#dff0e3;border-color:#6faa83}
.script-options button.wrong{background:#f6e8e5;border-color:#c58a81}
.script-quiz #scriptFeedback{color:#4f7257}
.game-mode{background:#fff;border:1px solid var(--stroke);color:#586e5f;border-radius:9px}
.game-mode.active{background:#e5efe7;border-color:#8cb49b;color:#295e46}
.game-mode small,.game-status{color:#718573}
.game-answer-grid button{background:#fff;border:1px solid #d8e5da;color:#314d39;border-radius:9px}
.game-answer-grid button.correct{background:#e2efe4;border-color:#75aa85}
.game-answer-grid button.wrong{background:#f8eeec;border-color:#cda298}
.game-feedback,.game-bottom{color:#5d7963}
.class-timeline,.class-note-card{background:#fff;border:1px solid var(--stroke);border-radius:13px}
.class-step:before{background:#9aba9c}
.class-step>span{color:#5f8167}
.class-step p,.class-note-card p,.class-note-card small{color:#6d8272}
.class-note-card textarea{background:#fafcf9;border:1px solid var(--stroke);color:#324c3b}
.footer{background:#fff;border-top:1px solid var(--stroke);color:#839186}
.footer button{color:#3c7860}
.modal-backdrop,.settings-overlay{background:#1b3429aa;backdrop-filter:blur(4px)}
.modal-card,.settings-content{background:#fff;color:#2b4635;border:1px solid var(--stroke);box-shadow:0 18px 60px #14291d30}
.modal-close,.settings-head button{background:#eef3ee;color:#427257;border:1px solid #d8e5da;border-radius:8px}
.modal-visual{background:#eef4ef}
.modal-rom,.modal-hint,.modal-native,.modal-forms span,.setting-line span small,.audio-notice{color:#6f8473}
.modal-forms div{background:#f5f8f5;color:#385a43}
.toast{background:#2c5941;color:#fff;border:0}
.setting-line input[type=checkbox]{accent-color:#437e5e}
.rate-control{background:#f7faf7}
.rate-control input{accent-color:#4d8667}

/* Online zusammen lernen */
.community-hero{background:#fff;border:1px solid var(--stroke);min-height:228px;border-radius:13px;box-shadow:var(--shadow)}
.community-art{background:linear-gradient(90deg,#f6f9f5 0%,#f6f9f5ec 52%,#f6f9f576 100%),url('assets/izakaya.webp') 85% center/cover;filter:saturate(.7)}
.community-hero-copy{padding:29px 34px;max-width:650px}
.community-hero h1{color:#2b4636;font-size:clamp(30px,3vw,40px);font-family:'Manrope',sans-serif;letter-spacing:-1.3px;margin:10px 0}
.community-hero h1 em{color:#5b8267}
.community-hero p{color:#687c70;line-height:1.65}
.live-highlight,.live-highlight::first-letter{color:#5c8064}
.community-error{background:#fcf0ee;border:1px solid #e5beb7;color:#96574c;border-radius:10px}
.community-guest{background:#fff;border:1px solid var(--stroke);border-radius:12px}
.community-guest-icon{background:#e9f1e9;border:1px solid #d6e6d7;font-size:40px;border-radius:11px}
.community-guest p{color:#6d8273}
.community-welcome,.community-stat,.community-card{background:#fff;border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:12px}
.community-welcome h2,.community-card h2{color:#294434}
.community-welcome p,.community-card p,.community-stat span{color:#708574}
.community-avatar{background:#dcecdf;color:#3a7151;border-radius:12px}
.community-card{padding:23px}
.join-inline input{background:#fff;border:1px solid #dbe7dc;color:#2b503a;border-radius:8px}
.live-subheading{color:#5f7b64;border-color:var(--stroke)}
.live-dot{color:#4a9871;text-shadow:none}
.room-list-item{background:#f9fbf9;border:1px solid #e2eae3;border-radius:9px}
.room-icon{background:#e5efe7;color:#3c7156}
.room-list-info b span,.room-list-info small,.empty-state,.person-data span,.micro-note,.rank-name small{color:#819185!important}
.person{background:#f7faf7;border-radius:8px}
.person-avatar{background:#dcebe0;color:#35694f;border-radius:10px}
.person-online{background:#50a36b;box-shadow:none}
.counter-small,.rank-xp,.rank-position,.rank-position.top{color:#4c8160}
.icon-circle{background:#f4f8f4;border:1px solid #dae5dc;color:#477758;border-radius:8px}
.rank-person{border-color:#e6ede7}
.community-tip{background:#f1f6f1;border:1px solid #d7e8d8;border-radius:11px}
.community-tip p{color:#698372}
.how-cards div{background:#f6f9f6;border:1px solid var(--stroke);border-radius:8px}
.how-cards b{color:#5a8967}
.how-cards small{color:#718574}
.room-code-chip{background:#edf5ee;border:1px dashed #a5c6ab;color:#3b7a55}
.room-wait p strong{color:#416b4d}
.waiting-dots i{background:#77a887}
.live-question-kicker,.live-question-kicker span,.live-question-romaji{color:#67856b!important}
.live-options button{background:#fff;border:1px solid #dbe5dd;color:#2f4d38;border-radius:8px}
.live-options button:hover:enabled{background:#ecf5ee;border-color:#a0beaa}
.live-options button span{background:#edf3ee;color:#5b7d61;border-radius:6px}
.answer-received{color:#4a9061!important}
.last-answer{background:#e8f4e9;border:1px solid #c0ddc4;border-radius:9px}
.last-answer span,.last-answer p{color:#4b7d54}
.room-score-row{background:#f7faf7;border-color:#e2eae2}
.room-score-row>b{color:#497958}
.account-more{color:#63816b}
.account-more:hover{color:#325840}

/* PDF / Word */
.print-intro{border:1px solid #dae6da;background:#edf4ed;border-radius:12px;gap:16px;padding:23px}
.print-intro>span{font-size:28px}
.print-intro strong,.print-resource h3{color:#2b4838}
.print-intro p,.print-resource p{color:#718475}
.print-resource{background:#fff;border:1px solid var(--stroke);box-shadow:var(--shadow);border-radius:12px;min-height:235px;padding:22px}
.print-resource h3{font-size:18px}
.print-ico{font-size:29px;min-height:38px;color:#537a60}
.print-tip{background:#f4f8f3;border:1px solid var(--stroke);color:#6f8273;border-radius:11px}
.print-tip strong{color:#356d50}

/* Unaufdringliche Zugangskarte */
body.auth-locked .auth-shade,.auth-shade{background:#f0f3f0!important;backdrop-filter:none}
body.auth-locked .auth-shade::after{background:none!important}
.auth-modal{max-width:780px;grid-template-columns:minmax(220px,.82fr) 1.18fr;background:#fff;border:1px solid #d7e3d9!important;border-radius:15px;box-shadow:0 22px 80px #1c3e2817!important}
body.auth-locked .auth-modal{border-color:#d7e3d9!important;box-shadow:0 22px 80px #1c3e2817!important}
.auth-visual{background:linear-gradient(180deg,#1d362b31,#192b25d1),url('assets/tokyo-alley.webp') center/cover;filter:saturate(.66);padding:30px;min-height:430px}
.auth-logo{font-size:40px;color:#f2fbef}
.auth-visual>span{color:#e0eae1;letter-spacing:1.8px}
.auth-visual h2{font-family:'Manrope',sans-serif;font-size:29px;letter-spacing:-1px;color:#fff;line-height:1.25}
.auth-visual h2 em{color:#d9eadd}
.auth-visual p{color:#e2eae1;font-size:12px;line-height:1.7}
.auth-fields{padding:46px 37px 35px;color:#2a4434}
.auth-welcome{font-size:10px;letter-spacing:1.4px;color:#68806b;margin:4px 0 13px}
.auth-fields h2{font-family:'Manrope',sans-serif;font-size:29px;letter-spacing:-1px;color:#294335}
.auth-fields>p{color:#708274;line-height:1.65}
.auth-fields form label{color:#45604d;font-weight:700}
.auth-fields form input{background:#fff;color:#2a4736;border:1px solid #cadbd0;border-radius:8px;box-shadow:none;font-size:15px}
.auth-fields form input::placeholder{color:#a4b2a9}
.auth-fields .auth-small{color:#7b8a7e}
.auth-error{background:#faedeb;border:1px solid #e0b8b2;color:#945249;border-radius:9px}
.auth-close{background:#f3f7f3;color:#3b6c50;border:1px solid var(--stroke)}

/* Tablet und Mobil */
@media(max-width:1360px){
.sidebar{width:222px;flex-basis:222px}
main{padding:30px 27px 50px}
.topbar{padding:0 27px}
.study-intro-copy{padding:32px 28px 25px}
.study-intro h1{font-size:clamp(33px,3.7vw,48px)}
}
@media(max-width:1100px){
.sidebar{width:74px;flex-basis:74px;padding:18px 8px}
.logo{padding:8px 8px 24px}
.navitem{justify-content:center;padding:11px}
.study-intro{grid-template-columns:minmax(0,1.4fr) minmax(230px,.7fr)}
.study-dashboard-grid{grid-template-columns:1fr}
.study-progress-card{display:block}
.study-progress-number{margin-top:12px}
.study-progress-card p{max-width:450px}
}
@media(max-width:700px){
.sidebar{width:264px;flex-basis:264px;background:#fff;box-shadow:10px 0 40px #2847341a}
.sidebar .logo{display:none}
.mobile-bar{background:#fff;border-bottom:1px solid var(--stroke);color:#294a36}
.mobile-bar button{color:#466a53;background:#fff;border:1px solid var(--stroke);border-radius:7px}
.logo-mini{color:#45765b}
.logo-mini b{color:#294939;font-size:16px}
.topbar{height:48px;padding:0 15px}
main{padding:15px 13px 45px}
.status-chip{display:none}
.xp-chip{font-size:10px;padding:6px}
.study-intro{grid-template-columns:1fr;min-height:0;border-radius:13px}
.study-intro-copy{padding:29px 23px 24px}
.study-intro h1{font-size:clamp(32px,8vw,42px);letter-spacing:-1.5px;margin:21px 0 13px}
.study-intro-copy>p{font-size:13px}
.study-hero-actions{margin-top:20px}
.study-meta{padding-top:24px;gap:9px}
.study-meta span+span{padding-left:9px}
.study-intro-art{min-height:190px}
.study-intro-art img{height:100%;width:100%}
.study-art-caption{left:22px;bottom:18px}
.study-art-caption strong{font-size:25px}
.study-section-title{display:block;margin-top:28px}
.study-section-title h2{font-size:21px}
.study-section-title p{max-width:none;text-align:left;margin-top:8px}
.study-dashboard-grid{display:block}
.study-action-grid{grid-template-columns:1fr;gap:9px}
.study-action{min-height:84px;padding:15px;align-items:center}
.study-action-main strong{font-size:14px}
.study-action-main small{font-size:11px}
.study-progress-card{margin-top:12px;padding:20px}
.journey-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.journey-card{min-height:132px}
.study-bottom-grid{grid-template-columns:1fr;gap:10px}
.study-bottom-link{padding:15px}
.page-head h1{font-size:33px}
.community-hero-copy{padding:22px}
.community-hero h1{font-size:31px}
.community-art{background:linear-gradient(90deg,#f6f9f5f7,#f6f9f5da),url('assets/izakaya.webp') center/cover}
.print-resources{grid-template-columns:1fr}
.auth-modal{grid-template-columns:1fr;max-width:440px;width:96vw;border-radius:13px}
.auth-visual{min-height:0;padding:19px 23px;background:linear-gradient(100deg,#294b3bdb,#567c65da),url('assets/tokyo-alley.webp') center/cover}
.auth-logo{font-size:29px}
.auth-visual>span{font-size:9px}
.auth-visual h2{font-size:22px;margin:10px 0}
.auth-visual p{font-size:11px;margin:0}
.auth-fields{padding:22px 23px 24px}
.auth-fields h2{font-size:23px}
.auth-fields>p{font-size:12px}
}
@media(max-width:360px){
.study-hero-actions .btn{width:100%}
.study-meta{flex-direction:column;align-items:start}
.study-meta span+span{border:0;padding-left:0}
.study-intro-art{min-height:150px}
}