@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--dipo-bg-primary:#f7f7f7;--dipo-bg-secondary:#efefef;--dipo-bg-tertiary:#e5e5e5;--dipo-bg-elevated:#fff;--dipo-bg-overlay:#00000014;--dipo-text-primary:#1c1c1c;--dipo-text-secondary:#3f3f3f;--dipo-text-tertiary:#5a5a5a;--dipo-text-muted:#7a7a7a;--dipo-text-inverse:#f5f5f5;--dipo-border-primary:#d4d4d4;--dipo-border-secondary:#b8b8b8;--dipo-border-focus:#8c8c8c;--dipo-shadow-sm:0 1px 2px 0 #00000008;--dipo-shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -1px #0000000d;--dipo-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--dipo-hover-opacity:.8;--dipo-active-opacity:1;--dipo-disabled-opacity:.5;--dipo-transition-fast:.15s ease-in-out;--dipo-transition-normal:.2s ease-in-out;--dipo-transition-slow:.3s ease-in-out}@media (prefers-color-scheme:dark){:root{--dipo-bg-primary:#121212;--dipo-bg-secondary:#1a1a1a;--dipo-bg-tertiary:#242424;--dipo-bg-elevated:#1e1e1e;--dipo-bg-overlay:#ffffff14;--dipo-text-primary:#f2f2f2;--dipo-text-secondary:#d0d0d0;--dipo-text-tertiary:#a6a6a6;--dipo-text-muted:#868686;--dipo-text-inverse:#1a1a1a;--dipo-border-primary:#2f2f2f;--dipo-border-secondary:#3d3d3d;--dipo-border-focus:#b3b3b3;--dipo-shadow-sm:0 1px 2px 0 #00000080;--dipo-shadow-md:0 4px 6px -1px #0009, 0 2px 4px -1px #00000059;--dipo-shadow-lg:0 10px 15px -3px #0009, 0 4px 6px -2px #0006}}*{box-sizing:border-box}.dipo-wheel-segment{transition:opacity var(--dipo-transition-normal)}.dipo-wheel-segment:hover{opacity:var(--dipo-hover-opacity)}.dipo-wheel-segment:focus-visible{outline:none}.dipo-wheel-segment:focus-visible path{stroke:var(--dipo-border-focus);stroke-width:2px;opacity:1}.dipo-wheel-segment--active{opacity:var(--dipo-active-opacity)}.dipo-wheel-text{fill:currentColor;pointer-events:none;text-shadow:0 1px 2px #000c;font-family:Inter,system-ui,sans-serif;font-size:.75rem;font-weight:500}.dipo-rotation-modal{z-index:50;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dipo-rotation-modal__content{background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);box-shadow:var(--dipo-shadow-lg);border-radius:.5rem;gap:.75rem;padding:1rem;display:flex;position:absolute}.dipo-rotation-modal__btn{color:var(--dipo-text-inverse);border:1px solid var(--dipo-text-primary);background-color:var(--dipo-text-primary);cursor:pointer;transition:all var(--dipo-transition-normal);opacity:.8;border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;display:flex}.dipo-rotation-modal__btn:hover{opacity:1}.dipo-rotation-modal__btn--close{background-color:var(--dipo-bg-tertiary);color:var(--dipo-text-primary);border-color:var(--dipo-border-primary);padding:.5rem .75rem;position:absolute;top:12px;right:12px}.dipo-rotation-modal__btn--close:hover{background-color:var(--dipo-bg-elevated)}.dipo-rotation-modal__icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:1rem;height:1rem}.dipo-wheel-poem__container{background-color:var(--dipo-bg-secondary);border:1px solid var(--dipo-border-primary);aspect-ratio:1;border-radius:.5rem;width:100%;position:relative;overflow:hidden}.dipo-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.dipo-wheel-poem__empty-state{background-color:var(--dipo-bg-secondary);border:1px solid var(--dipo-border-primary);border-radius:.5rem;justify-content:center;align-items:center;height:24rem;display:flex}.dipo-wheel-poem__empty-content{text-align:center;color:var(--dipo-text-tertiary)}.dipo-wheel-poem__empty-icon{margin-bottom:1rem;font-size:3.75rem}.dipo-wheel-poem__empty-title{margin-bottom:.5rem;font-size:1.125rem}.dipo-wheel-poem__empty-subtitle{font-size:.875rem}.dipo-wheel-poem__loading-state{background-color:var(--dipo-bg-secondary);border:1px solid var(--dipo-border-primary);border-radius:.5rem;justify-content:center;align-items:center;height:24rem;display:flex}.dipo-wheel-poem__loading-content{text-align:center;color:var(--dipo-text-tertiary)}.dipo-wheel-poem__loading-icon{margin-bottom:1rem;font-size:2.25rem;animation:1s linear infinite dipo-spin}.dipo-wheel-poem__loading-title{margin-bottom:.5rem;font-size:1.125rem}.dipo-wheel-poem__loading-subtitle{font-size:.875rem}.dipo-wheel-poem__svg{width:100%;height:100%;position:absolute;inset:0}@keyframes dipo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dipo-text-input{max-width:36rem;margin:0 auto}.dipo-text-input__form{flex-direction:column;gap:1.5rem;display:flex}.dipo-text-input__field-group{flex-direction:column;display:flex}.dipo-text-input__label{color:var(--dipo-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.dipo-text-input__textarea{border:1px solid var(--dipo-border-primary);background-color:var(--dipo-bg-tertiary);width:100%;color:var(--dipo-text-primary);resize:none;height:16rem;transition:border-color var(--dipo-transition-fast),box-shadow var(--dipo-transition-fast);border-radius:.5rem;padding:.75rem;font-family:inherit;font-size:.875rem;line-height:1.5}.dipo-text-input__textarea:focus{border-color:var(--dipo-border-focus);outline:none;box-shadow:0 0 0 3px #3b82f61a}.dipo-text-input__textarea::placeholder{color:var(--dipo-text-muted)}.dipo-text-input__textarea:disabled{opacity:var(--dipo-disabled-opacity);cursor:not-allowed}.dipo-text-input__error{color:#ef4444;margin-top:.5rem;font-size:.875rem}.dipo-text-input__actions{gap:1rem;display:flex}.dipo-btn{cursor:pointer;transition:all var(--dipo-transition-normal);border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25;display:inline-flex}.dipo-btn:disabled{opacity:var(--dipo-disabled-opacity);cursor:not-allowed}.dipo-btn--primary{background-color:var(--dipo-bg-elevated);color:var(--dipo-text-primary);border:1px solid var(--dipo-border-primary)}.dipo-btn--primary:hover:not(:disabled){color:var(--dipo-text-primary);background-color:var(--dipo-bg-secondary)}.dipo-btn--secondary{background-color:var(--dipo-bg-secondary);color:var(--dipo-text-primary);border:1px solid var(--dipo-border-primary)}.dipo-btn--secondary:hover:not(:disabled){background-color:var(--dipo-bg-elevated)}.dipo-btn--ghost{color:var(--dipo-text-secondary);border:1px dashed var(--dipo-border-secondary);background-color:#0000}.dipo-btn--ghost:hover:not(:disabled){color:var(--dipo-text-primary);background-color:var(--dipo-bg-secondary);border-style:solid}.dipo-btn--small{padding:.375rem .75rem;font-size:.75rem}.dipo-btn--icon{width:2.5rem;height:2.5rem;padding:.5rem}.dipo-text-preview{background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);border-radius:.5rem;padding:1rem}.dipo-text-preview__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.dipo-text-preview__title{color:var(--dipo-text-primary);margin:0;font-size:1.25rem;font-weight:500}.dipo-text-preview__copy-btn{color:var(--dipo-text-tertiary);cursor:pointer;transition:color var(--dipo-transition-fast),background-color var(--dipo-transition-fast);background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.dipo-text-preview__copy-btn:hover{color:var(--dipo-text-secondary);background-color:var(--dipo-bg-tertiary)}.dipo-text-preview__content{background-color:var(--dipo-bg-overlay);border:1px solid var(--dipo-border-secondary);border-radius:.25rem;max-height:20rem;padding:1rem;overflow-y:auto}.dipo-text-preview__text{color:var(--dipo-text-primary);white-space:pre-wrap;margin:0;font-family:inherit;font-size:1rem;line-height:1.6}.dipo-text-preview__stats{color:var(--dipo-text-muted);margin-top:.5rem;font-size:.75rem}.dipo-controls{background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);border-radius:.5rem;padding:1rem}.dipo-controls__content{flex-direction:column;gap:1rem;display:flex}@media (width>=1280px){.dipo-controls__content{flex-direction:row;justify-content:space-between;align-items:center}}.dipo-controls__main{flex-direction:column;gap:1rem;display:flex}@media (width>=1280px){.dipo-controls__main{flex-direction:row;align-items:center}}.dipo-controls__title{color:var(--dipo-text-secondary);margin:0;font-size:1.125rem;font-weight:500}.dipo-controls__actions{gap:.5rem;display:flex}.dipo-wheel-stats{background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);border-radius:.5rem;padding:1rem}.dipo-wheel-stats__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.dipo-wheel-stats__card{background:var(--dipo-bg-secondary);border:1px solid var(--dipo-border-primary);border-radius:.5rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.dipo-wheel-stats__label{letter-spacing:.08em;text-transform:uppercase;color:var(--dipo-text-muted);font-size:.7rem}.dipo-wheel-stats__value{color:var(--dipo-text-secondary);font-weight:500;line-height:1.3}.dipo-wheel-stats__hint{color:var(--dipo-text-tertiary);font-size:.7rem}.dipo-mathews{flex-direction:column;gap:1rem;display:flex}.dipo-mathews__header{background-color:var(--dipo-bg-secondary);border:1px solid var(--dipo-border-primary);border-radius:.5rem;padding:1rem}.dipo-mathews__title{color:var(--dipo-text-primary);margin:0;font-size:1.125rem}.dipo-mathews__subtitle{color:var(--dipo-text-secondary);margin:.5rem 0 0;font-size:.95rem}.dipo-mathews__meta{color:var(--dipo-text-tertiary);margin:.5rem 0 0;font-size:.8125rem}.dipo-mathews__controls{background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);border-radius:.5rem;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.dipo-mathews__label{color:var(--dipo-text-secondary);font-size:.875rem}.dipo-mathews__size-input{border:1px solid var(--dipo-border-primary);background-color:var(--dipo-bg-secondary);width:4.25rem;color:var(--dipo-text-primary);border-radius:.375rem;padding:.375rem .5rem}.dipo-mathews__size-input:focus,.dipo-mathews__cell-input:focus{outline:2px solid var(--dipo-border-focus);outline-offset:1px}.dipo-mathews__stats{color:var(--dipo-text-tertiary);align-items:center;gap:.5rem;margin-left:auto;font-size:.8125rem;display:inline-flex}.dipo-mathews__stats span:last-child{border:1px solid var(--dipo-border-primary);color:var(--dipo-text-primary);border-radius:999px;padding:.125rem .5rem}.dipo-mathews__error{color:#b91c1c;background-color:#b91c1c14;border:1px solid #b91c1c4d;border-radius:.375rem;margin:0;padding:.5rem .75rem;font-size:.875rem}.dipo-mathews__guidance{border:1px solid var(--dipo-border-primary);background-color:var(--dipo-bg-secondary);color:var(--dipo-text-secondary);border-radius:.375rem;margin:0;padding:.5rem .75rem;font-size:.8125rem}.dipo-mathews__editor{background-color:var(--dipo-bg-secondary);border:1px solid var(--dipo-border-primary);border-radius:.5rem;padding:.75rem;overflow-x:auto}.dipo-mathews__table{border-collapse:collapse;width:100%;min-width:24rem}.dipo-mathews__table td{border:1px solid var(--dipo-border-primary);background-color:var(--dipo-bg-elevated);text-align:center;color:var(--dipo-text-primary);padding:.375rem;font-size:.875rem}.dipo-mathews__table-wrap{overflow-x:auto}.dipo-mathews__table--editor td{padding:.25rem}.dipo-mathews__cell-input{border:1px solid var(--dipo-border-primary);background-color:var(--dipo-bg-secondary);width:100%;min-width:6rem;color:var(--dipo-text-primary);border-radius:.25rem;padding:.375rem .5rem;font-size:.85rem}.dipo-mathews__results{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;display:grid}.dipo-mathews__panel{background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);border-radius:.5rem;flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.dipo-mathews__panel-title{color:var(--dipo-text-primary);margin:0;font-size:1rem}.dipo-mathews__panel-subtitle{color:var(--dipo-text-tertiary);margin:-.25rem 0 0;font-size:.8125rem}.dipo-mathews__sets-list{color:var(--dipo-text-secondary);gap:.25rem;margin:0;padding-left:1.125rem;font-size:.875rem;display:grid}@media (width<=640px){.dipo-mathews__stats{justify-content:space-between;width:100%;margin-left:0}.dipo-mathews__table{min-width:20rem}.dipo-mathews__cell-input{min-width:4.75rem}}:root,.dark{--dipo-bg-primary:hsl(var(--background));--dipo-bg-secondary:hsl(var(--muted));--dipo-bg-tertiary:hsl(var(--card));--dipo-bg-elevated:hsl(var(--card));--dipo-bg-overlay:hsla(var(--foreground) / .08);--dipo-text-primary:hsl(var(--foreground));--dipo-text-secondary:hsl(var(--muted-foreground));--dipo-text-tertiary:hsla(var(--muted-foreground) / .75);--dipo-text-muted:hsla(var(--muted-foreground) / .6);--dipo-text-inverse:hsl(var(--background));--dipo-border-primary:hsl(var(--border));--dipo-border-secondary:hsl(var(--border));--dipo-border-focus:hsl(var(--ring));--dipo-shadow-sm:var(--shadow-sm,0 1px 2px #0f172a14);--dipo-shadow-md:var(--shadow-md,0 10px 15px #0f172a1a);--dipo-shadow-lg:var(--shadow-lg,0 20px 25px #0f172a26)}[data-wheel-container]{background-color:var(--dipo-bg-primary)}.dipo-text-input{max-width:unset}#dipo-rotation-modal-title{font-size:1.25rem}