@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: #ffffff;--dipo-bg-overlay: rgba(0, 0, 0, .08);--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 rgba(0, 0, 0, .03);--dipo-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .05);--dipo-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -2px rgba(0, 0, 0, .04);--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: rgba(255, 255, 255, .08);--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 rgba(0, 0, 0, .5);--dipo-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .6), 0 2px 4px -1px rgba(0, 0, 0, .35);--dipo-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .6), 0 4px 6px -2px rgba(0, 0, 0, .4)}}*{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:2;opacity:1}.dipo-wheel-segment--active{opacity:var(--dipo-active-opacity)}.dipo-wheel-text{font-size:.75rem;font-weight:500;fill:currentColor;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.8);font-family:Inter,system-ui,sans-serif}.dipo-rotation-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;pointer-events:auto}.dipo-rotation-modal__content{position:absolute;background-color:var(--dipo-bg-elevated);border:1px solid var(--dipo-border-primary);border-radius:.5rem;box-shadow:var(--dipo-shadow-lg);padding:1rem;display:flex;gap:.75rem}.dipo-rotation-modal__btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--dipo-text-inverse);border-radius:.375rem;border:1px solid var(--dipo-text-primary);background-color:var(--dipo-text-primary);cursor:pointer;transition:all var(--dipo-transition-normal);font-family:inherit;font-size:.875rem;opacity:.8}.dipo-rotation-modal__btn:hover{opacity:1}.dipo-rotation-modal__btn--close{padding:.5rem .75rem;background-color:var(--dipo-bg-tertiary);color:var(--dipo-text-primary);border-color:var(--dipo-border-primary);position:absolute;top:12px;right:12px}.dipo-rotation-modal__btn--close:hover{background-color:var(--dipo-bg-elevated)}.dipo-rotation-modal__icon{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.dipo-wheel-poem__container{position:relative;background-color:var(--dipo-bg-secondary);border-radius:.5rem;border:1px solid var(--dipo-border-primary);overflow:hidden;width:100%;aspect-ratio:1}.dipo-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;overflow:hidden}.dipo-wheel-poem__empty-state{display:flex;align-items:center;justify-content:center;height:24rem;background-color:var(--dipo-bg-secondary);border-radius:.5rem;border:1px solid var(--dipo-border-primary)}.dipo-wheel-poem__empty-content{text-align:center;color:var(--dipo-text-tertiary)}.dipo-wheel-poem__empty-icon{font-size:3.75rem;margin-bottom:1rem}.dipo-wheel-poem__empty-title{font-size:1.125rem;margin-bottom:.5rem}.dipo-wheel-poem__empty-subtitle{font-size:.875rem}.dipo-wheel-poem__loading-state{display:flex;align-items:center;justify-content:center;height:24rem;background-color:var(--dipo-bg-secondary);border-radius:.5rem;border:1px solid var(--dipo-border-primary)}.dipo-wheel-poem__loading-content{text-align:center;color:var(--dipo-text-tertiary)}.dipo-wheel-poem__loading-icon{font-size:2.25rem;margin-bottom:1rem;animation:dipo-spin 1s linear infinite}.dipo-wheel-poem__loading-title{font-size:1.125rem;margin-bottom:.5rem}.dipo-wheel-poem__loading-subtitle{font-size:.875rem}.dipo-wheel-poem__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}@keyframes dipo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dipo-text-input{max-width:36rem;margin:0 auto}.dipo-text-input__form{display:flex;flex-direction:column;gap:1.5rem}.dipo-text-input__field-group{display:flex;flex-direction:column}.dipo-text-input__label{display:block;font-size:.875rem;font-weight:500;color:var(--dipo-text-secondary);margin-bottom:.5rem}.dipo-text-input__textarea{width:100%;padding:.75rem;border:1px solid var(--dipo-border-primary);border-radius:.5rem;background-color:var(--dipo-bg-tertiary);color:var(--dipo-text-primary);font-family:inherit;font-size:.875rem;line-height:1.5;resize:none;height:16rem;transition:border-color var(--dipo-transition-fast),box-shadow var(--dipo-transition-fast)}.dipo-text-input__textarea:focus{outline:none;border-color:var(--dipo-border-focus);box-shadow:0 0 0 3px #3b82f61a}.dipo-text-input__textarea::-moz-placeholder{color:var(--dipo-text-muted)}.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;font-size:.875rem;margin-top:.5rem}.dipo-text-input__actions{display:flex;gap:1rem}.dipo-btn{display:inline-flex;align-items:center;justify-content:center;font-weight:500;padding:.5rem 1rem;border-radius:.5rem;border:none;cursor:pointer;transition:all var(--dipo-transition-normal);font-family:inherit;font-size:.875rem;line-height:1.25}.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{background-color:transparent;color:var(--dipo-text-secondary);border:1px dashed var(--dipo-border-secondary)}.dipo-btn--ghost:hover:not(:disabled){color:var(--dipo-text-primary);border-style:solid;background-color:var(--dipo-bg-secondary)}.dipo-btn--small{padding:.375rem .75rem;font-size:.75rem}.dipo-btn--icon{padding:.5rem;width:2.5rem;height:2.5rem}.dipo-text-preview{background-color:var(--dipo-bg-elevated);border-radius:.5rem;border:1px solid var(--dipo-border-primary);padding:1rem}.dipo-text-preview__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.dipo-text-preview__title{font-size:1.25rem;font-weight:500;color:var(--dipo-text-primary);margin:0}.dipo-text-preview__copy-btn{font-size:.875rem;color:var(--dipo-text-tertiary);background:none;border:none;padding:.25rem .5rem;border-radius:.25rem;cursor:pointer;transition:color var(--dipo-transition-fast),background-color var(--dipo-transition-fast)}.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-radius:.25rem;border:1px solid var(--dipo-border-secondary);padding:1rem;max-height:20rem;overflow-y:auto}.dipo-text-preview__text{font-size:1rem;color:var(--dipo-text-primary);white-space:pre-wrap;font-family:inherit;line-height:1.6;margin:0}.dipo-text-preview__stats{margin-top:.5rem;font-size:.75rem;color:var(--dipo-text-muted)}.dipo-controls{background-color:var(--dipo-bg-elevated);border-radius:.5rem;border:1px solid var(--dipo-border-primary);padding:1rem}.dipo-controls__content{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1280px){.dipo-controls__content{flex-direction:row;align-items:center;justify-content:space-between}}.dipo-controls__main{display:flex;flex-direction:column;gap:1rem}@media (min-width: 1280px){.dipo-controls__main{flex-direction:row;align-items:center}}.dipo-controls__title{font-size:1.125rem;font-weight:500;color:var(--dipo-text-secondary);margin:0}.dipo-controls__actions{display:flex;gap:.5rem}.dipo-wheel-stats{background-color:var(--dipo-bg-elevated);border-radius:.5rem;border:1px solid var(--dipo-border-primary);padding:1rem}.dipo-wheel-stats__grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.dipo-wheel-stats__card{display:flex;flex-direction:column;gap:.25rem;background:var(--dipo-bg-secondary);border-radius:.5rem;padding:.75rem;border:1px solid var(--dipo-border-primary)}.dipo-wheel-stats__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dipo-text-muted)}.dipo-wheel-stats__value{color:var(--dipo-text-secondary);font-weight:500;line-height:1.3}.dipo-wheel-stats__hint{font-size:.7rem;color:var(--dipo-text-tertiary)}: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 rgba(15, 23, 42, .08));--dipo-shadow-md: var(--shadow-md, 0 10px 15px rgba(15, 23, 42, .1));--dipo-shadow-lg: var(--shadow-lg, 0 20px 25px rgba(15, 23, 42, .15))}[data-wheel-container]{background-color:var(--dipo-bg-primary)}.dipo-text-input{max-width:unset}#dipo-rotation-modal-title{font-size:1.25rem}