.sysebook-feedback{margin:1.5rem 0;padding:1.25rem;background:var(--color-bg-secondary,#f8f9fa);border:1px solid var(--color-border,#ddd);border-radius:.5rem}.sysebook-feedback__rating-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px solid #ddd}.sysebook-feedback__rating-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.sysebook-feedback button{padding:.45rem .7rem;cursor:pointer}.sysebook-feedback button.active{background:#287a3e;color:#fff}.sysebook-feedback__comment{margin-top:1rem}.sysebook-feedback textarea{display:block;box-sizing:border-box;width:100%;margin:.5rem 0;padding:.6rem}.sysebook-feedback__message{min-height:1.5em}.reflection-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:1.5rem 0}.reflection-card{perspective:1000px;cursor:pointer;border:3px solid #966489;border-radius:.5rem}.reflection-card__inner{display:grid;transition:transform .6s;transform-style:preserve-3d}.reflection-card.flipped .reflection-card__inner{transform:rotateY(180deg)}.reflection-card__front,.reflection-card__back{grid-area:1/1;padding:1.25rem;backface-visibility:hidden;background:var(--color-bg-primary,#fff)}.reflection-card__back{transform:rotateY(180deg)}.reflection-card:focus{outline:2px solid #21588f;outline-offset:2px}.reflection-card-checkbox{margin:.5rem 0}.reflection-card-checkbox label{display:flex;gap:.5rem;align-items:center}.osterhase-animation{text-align:center;margin:2rem 0}.osterhase-animation canvas{width:560px;height:560px;max-width:100%;cursor:crosshair}@media(max-width:768px){.reflection-cards{grid-template-columns:1fr}.sysebook-feedback__rating-row{grid-template-columns:1fr}}