.spiral-reading-tool,.spiral-reading-tool *{box-sizing: border-box;margin: 0}.spiral-reading-tool{display: grid;gap: 10px}.spiral-reading-card,.spiral-reading-settings{overflow: hidden;border: 1px solid #e3cf78;border-radius: 8px;background: #fff}.spiral-reading-head,.spiral-reading-result-head,.spiral-reading-foot{background: #fff7d7}.spiral-reading-head{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 8px;align-items: center;padding: 5px 9px;border-bottom: 1px solid #e3cf78}.spiral-reading-head>h3,.spiral-reading-result-title>h3,.spiral-reading-settings>h3{display: block;margin: 0;padding: 0;color: var(--primary-dark,#0b3a6f);font-size: .84rem;font-weight: 800;line-height: 1.12}.spiral-reading-actions{display: flex;flex-wrap: wrap;gap: 6px;align-items: center;justify-content: flex-end}.spiral-reading-button{display: inline-flex;align-items: center;justify-content: center;gap: 6px;min-height: 30px;padding: 5px 9px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: #7a4300;font: inherit;font-size: .84rem;font-weight: 800;line-height: 1.1;text-align: center;cursor: pointer;transition: transform .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease}.spiral-reading-button:hover:not(:disabled),.spiral-reading-button:focus-visible:not(:disabled){border-color: #985600;background: #fff7d7}.spiral-reading-button:active:not(:disabled),.spiral-reading-selector button:active:not(:disabled),.spiral-reading-format-list button:active:not(:disabled){transform: translateY(1px)}.spiral-reading-button:disabled{cursor: not-allowed;border-color: #eadca9;background: #fffaf0;color: #a98d64}.spiral-reading-primary{border-color: #985600;background: #985600;color: #fff}.spiral-reading-primary:hover:not(:disabled),.spiral-reading-primary:focus-visible:not(:disabled){border-color: #7a4300;background: #7a4300}.spiral-reading-icon{flex: 0 0 auto;width: 14px;height: 14px;fill: currentColor}.spiral-reading-textarea{display: block;width: 100%;min-height: 150px;padding: 10px;border: 0;border-radius: 0;resize: vertical;background: #fff;color: var(--primary-dark,#0b3a6f);font: inherit;font-size: .98rem;line-height: 1.45}.spiral-reading-result-text{min-height: 118px;resize: none;background: #fffaf0;color: #0b3a6f}.spiral-reading-textarea::placeholder,.spiral-reading-input::placeholder{color: #758aa8;opacity: 1}.spiral-reading-foot{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 8px;align-items: center;min-height: 38px;padding: 6px 10px;border-top: 1px solid #e3cf78}.spiral-reading-status,.spiral-reading-label,.spiral-reading-result-title>p,.spiral-reading-display-row>span{margin: 0;color: var(--primary-dark,#0b3a6f);font-size: .84rem;font-weight: 800;line-height: 1.2}.spiral-reading-settings{display: grid;gap: 5px;padding: 7px 9px 8px}.spiral-reading-settings>#spiral-reading-settings-title{justify-self: stretch;text-align: center}.spiral-reading-setting-row{display: grid;grid-template-columns: 90px minmax(0,1fr);gap: 8px;align-items: center}.spiral-reading-label{color: #7a4300;text-align: center}.spiral-reading-selector,.spiral-reading-format-list{display: flex;flex-wrap: wrap;gap: 4px;align-items: stretch;justify-content: center;width: 100%;padding: 4px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff}.spiral-reading-selector button,.spiral-reading-format-list button{flex: 1 1 72px;min-width: max-content;min-height: 30px;padding: 5px 8px;border: 0;border-radius: 7px;background: transparent;color: var(--primary-dark,#0b3a6f);font: inherit;font-size: .82rem;font-weight: 800;line-height: 1.1;white-space: nowrap;cursor: pointer;transition: transform .12s ease,background-color .12s ease,color .12s ease}.spiral-reading-selector button[aria-pressed="true"],.spiral-reading-format-list button[aria-pressed="true"]{background: #985600;color: #fff}.spiral-reading-selector button:disabled,.spiral-reading-format-list button:disabled{cursor: not-allowed;color: #a98d64}.spiral-reading-selector-four{display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.spiral-reading-selector-four button{min-width: 0;width: 100%}.spiral-reading-empty-controls{display: grid;grid-template-columns: minmax(0,1fr) minmax(150px,240px);gap: 8px;align-items: center}.spiral-reading-input{display: block;width: 100%;min-height: 34px;padding: 6px 10px;border: 1px solid #e3cf78;border-radius: 8px;background: #fff;color: var(--primary-dark,#0b3a6f);font: inherit;font-weight: 800}.spiral-reading-input:disabled{background: #fffaf0;color: #a98d64}.spiral-reading-result-head{display: grid;grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);gap: 8px;align-items: center;padding: 5px 9px;border-bottom: 1px solid #e3cf78}.spiral-reading-result-title{display: contents}.spiral-reading-result-title>h3{grid-column: 1;justify-self: start}.spiral-reading-result-title>p{grid-column: 3;justify-self: end;text-align: right}.spiral-reading-display-row{grid-column: 2;display: flex;gap: 6px;align-items: center;justify-content: center}.spiral-reading-display-row>span{flex: 0 0 auto;color: #7a4300}.spiral-reading-display-row .spiral-reading-selector{flex: 0 0 220px;width: 220px;flex-wrap: nowrap}.spiral-reading-display-row .spiral-reading-selector button{flex: 1 1 0;min-width: 0}.spiral-reading-grid-wrap{display: flex;justify-content: center;padding: 18px 12px;background: #fffaf0;overflow: auto}.spiral-reading-grid{display: grid;gap: 2px}.spiral-reading-cell{display: grid;place-items: center;width: clamp(30px,5vw,46px);aspect-ratio: 1;border: 1px solid #1f2d3d;background: #fff;color: var(--primary-dark,#0b3a6f);font-weight: 800;line-height: 1}.spiral-reading-cell-empty{background: #f7f9fc;color: #7f8da3}.spiral-reading-tool textarea[hidden],.spiral-reading-tool [hidden]{display: none}.spiral-reading-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}.spiral-reading-info-grid{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 12px;margin: 16px 0}.spiral-reading-info-card,.spiral-reading-info-note{border: 1px solid #e3cf78;border-radius: 8px;background: #fff7d7;padding: 14px}.spiral-reading-info-card h3,.spiral-reading-info-note h3{margin: 0 0 8px;color: #7a4300}.spiral-reading-info-card p,.spiral-reading-info-note p{margin: 0}.spiral-reading-info-table{width: 100%;margin: 16px 0;border: 1px solid #e3cf78;border-collapse: collapse}.spiral-reading-info-table th,.spiral-reading-info-table td{border: 1px solid #e3cf78;padding: 9px 11px;text-align: left;vertical-align: top}.spiral-reading-info-table th{background: #fff7d7;color: #7a4300}.spiral-reading-info-table tbody tr:nth-child(even) td{background: #fffaf0}.spiral-reading-info-table a,.spiral-reading-info-note a{color: var(--primary-dark,#0b3a6f);font-weight: 800;text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.spiral-reading-info-table a:hover,.spiral-reading-info-note a:hover{color: #7a4300}.appergo-spiral-reading-print-root{display: none}@media (max-width: 760px){.spiral-reading-head,.spiral-reading-foot,.spiral-reading-setting-row,.spiral-reading-empty-controls{grid-template-columns: 1fr}.spiral-reading-result-head{grid-template-columns: 1fr}.spiral-reading-result-title{display: grid;grid-template-columns: 1fr}.spiral-reading-result-title>h3,.spiral-reading-result-title>p,.spiral-reading-display-row{grid-column: 1}.spiral-reading-display-row{justify-self: center}.spiral-reading-actions{justify-content: stretch}.spiral-reading-button{flex: 1 1 auto}.spiral-reading-selector-four{grid-template-columns: repeat(2,minmax(0,1fr))}.spiral-reading-label,.spiral-reading-display-row>span,.spiral-reading-result-title>p{justify-self: center;text-align: center}.spiral-reading-display-row .spiral-reading-selector{flex-basis: 220px;width: 220px;max-width: 100%}.spiral-reading-info-grid{grid-template-columns: 1fr}}@page{size: A4 portrait;margin: 12mm}@media print{html.appergo-spiral-reading-printing body>:not(.appergo-spiral-reading-print-root){display: none;visibility: hidden}html.appergo-spiral-reading-printing body{margin: 0;background: #fff}html.appergo-spiral-reading-printing .appergo-spiral-reading-print-root,html.appergo-spiral-reading-printing .appergo-spiral-reading-print-root *{visibility: visible}html.appergo-spiral-reading-printing .appergo-spiral-reading-print-root{display: block;position: static;width: 100%}.appergo-spiral-reading-print-page{display: grid;min-height: calc(297mm - 24mm);place-items: center;page-break-after: always}.appergo-spiral-reading-print-page:last-child{page-break-after: auto}.appergo-spiral-reading-print-frame{display: grid;place-items: center;width: 186mm;min-height: 260mm}.appergo-spiral-reading-print-svg{display: block;max-width: 186mm;max-height: 260mm}.appergo-spiral-reading-print-credit{position: fixed;right: 0;bottom: 0;margin: 0;color: #333;font: 10pt Arial,sans-serif}}