.header-card{background-color:#e3f2fd;border:1px solid #90caf9;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:.5rem 1rem;animation:slideInDown .3s ease;max-width:600px;margin-left:auto;margin-right:auto;margin-top:.5rem}.header-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.header-card-title{color:#333;margin:0;padding:0;font-size:1.25rem;font-weight:700}.header-card-close-button{background:transparent;border:none;cursor:pointer;padding:0!important;border-radius:4px;transition:background-color .2s ease}.header-card-close-button:hover{background-color:#f5f5f5}.header-card-body{margin-bottom:1.5rem}.header-card-description{color:#666;line-height:1.6;margin:0}.header-card-actions{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap}.header-card-usage-button{background-color:#007bff;color:white;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:background-color .2s ease}.header-card-usage-button:hover{background-color:#0056b3}.header-card-dont-show-button{background-color:initial;color:#666;border:1px solid #ddd;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.875rem;transition:all .2s ease}.header-card-dont-show-button:hover{background-color:#f8f9fa;border-color:#adb5bd;color:#495057}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.header-card{margin:0 1rem 1rem;padding:1rem}.header-card-actions{justify-content:stretch}.header-card-dont-show-button,.header-card-usage-button{flex:1 1;min-width:0}}.control-panel{gap:10px;margin:15px auto 0;padding:0;width:100%;max-width:300px}.control-panel,.start-btn{display:flex;justify-content:center}.start-btn{min-width:80px;gap:.5rem;align-items:center;padding:.5rem .8rem;font-size:.9rem;border-radius:4px;font-weight:400;background-color:#36A2EB;color:white}@media (max-width:600px){.control-panel{flex-direction:column;gap:10px}.start-btn{width:auto;max-width:180px;min-width:80px;align-self:center}}.footer{width:100%;background:#fff;color:#888;text-align:center;padding:.8rem 0;z-index:100;font-size:.98rem;display:flex;justify-content:center;align-items:center;gap:1.5rem;border-top:1px solid #eee}.footer-appname{font-weight:500;letter-spacing:.04em;color:#aaa}.footer-link{color:#777;text-decoration:none;font-weight:400;transition:-webkit-text-decoration .2s;transition:text-decoration .2s;transition:text-decoration .2s,-webkit-text-decoration .2s}.footer-link:hover{text-decoration:underline}.item-editor{width:100%;max-width:600px;margin:0 auto}.item-editor.text-mode{max-width:450px;width:100%;height:auto;min-height:450px;display:flex;flex-direction:column;background-color:white;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.1);padding:15px;margin:0 auto}.item-editor.text-mode h3{font-size:1.1rem;font-weight:700}.editor-instructions,.item-editor.text-mode h3{margin-top:0;margin-bottom:10px;text-align:center}.editor-instructions{color:#666;font-size:.9rem;font-weight:400}.text-editor-area{display:flex;flex-direction:column;margin-bottom:10px;position:relative;height:320px}.text-editor-area:after{content:"• • •";position:absolute;bottom:-25px;width:100%;text-align:center;font-weight:700;color:#999;font-size:.9rem;letter-spacing:5px}.item-textarea{flex:1 1;min-height:320px!important;resize:vertical;font-size:.9rem;line-height:1.5;font-family:inherit;border:1px solid #ddd;border-radius:4px;padding:10px}.item-editor.selected-mode{max-width:100%;margin-top:0;height:80px;min-height:80px;max-height:80px;display:flex;align-items:center;justify-content:center;padding:0 1rem}.selected-text{font-size:1.8rem;font-weight:700;color:#FF0000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;text-align:center}.placeholder-text{color:#999;font-style:italic;font-weight:400;font-size:1rem}.selected-item{margin-top:0;padding:1rem;background-color:#f8f9fa;border-radius:4px;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.selected-item-label{font-weight:700;margin-right:.5rem}.auto-delete-section{margin-top:15px;padding:12px;border-top:1px solid #eee;background-color:#f9f9f9;border-radius:4px}.auto-delete-checkbox{display:flex;align-items:center;cursor:pointer;font-size:.9rem;color:#555;gap:8px}.auto-delete-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#36A2EB}.checkbox-label{-webkit-user-select:none;user-select:none;cursor:pointer}.auto-delete-checkbox:hover .checkbox-label{color:#36A2EB}@media (max-width:768px){.item-editor.text-mode{min-height:360px}.text-editor-area{height:240px}.item-textarea{min-height:240px!important}}@media (max-width:480px){.item-editor.text-mode{min-height:320px}.text-editor-area{height:200px}.item-textarea{min-height:200px!important}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(248,244,230,.9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:0 2px 20px rgba(0,0,0,.08);position:relative}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(54,162,235,.1),rgba(255,206,86,.1) 50%,rgba(255,99,132,.1));opacity:.3;z-index:-1}.navbar-brand{cursor:pointer;transition:transform .3s ease}.navbar-brand:hover{transform:translateY(-2px)}.navbar-title{font-size:2rem;margin:0;background:linear-gradient(135deg,#2c3e50,#34495e 50%,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:300;letter-spacing:.5px;transition:all .3s ease}.navbar-brand:hover .navbar-title{background:linear-gradient(135deg,#36A2EB,#FF6384 50%,#FFCE56);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transform:scale(1.05)}.navbar-actions{display:flex;gap:.75rem;align-items:center}.usage-link{text-decoration:none}.usage-btn{background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:4px;color:black;padding:4px 8px;font-size:14px;cursor:pointer;transition:border-color .2s ease;text-align:center}.usage-btn:focus,.usage-btn:hover{border-color:black}.usage-btn:focus{outline:none}.fullscreen-btn{display:flex;align-items:center;justify-content:center;height:48px;width:48px;padding:0;border-radius:12px;background:transparent!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;color:#34495e}.fullscreen-btn:hover{border:1px solid black!important;color:black!important}.fullscreen-btn:active{transform:translateY(0)}@media (max-width:768px){.navbar{padding:.5rem 1.5rem}.navbar-title{font-size:1.75rem}.fullscreen-btn{height:44px;width:44px}}@media (max-width:480px){.navbar{padding:.5rem 1rem}.navbar-title{font-size:1.5rem}.fullscreen-btn{height:40px;width:40px}}.roulette-container{position:relative;width:450px;height:450px;margin:0 auto;padding:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.empty-list-message{position:absolute;top:70px;left:50%;transform:translateX(-50%);color:#ff0000;font-size:30px;font-weight:700;text-align:center;z-index:10}.roulette-wheel{position:relative;width:100%;height:100%;border-radius:50%;background-color:#f0f0f0;overflow:hidden;box-shadow:0 0 15px rgba(0,0,0,.3);cursor:pointer;transform-origin:center center;transition:box-shadow .3s ease;margin:0 auto;transform:rotate(0deg)}.roulette-wheel:hover{box-shadow:0 0 20px rgba(0,0,0,.5)}.wheel-canvas{width:100%;height:100%;display:block;border-radius:50%;background-color:initial}.wheel-arrow{position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:30px solid red;z-index:10}.wheel-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.7);color:white;padding:6px 24px;border-radius:15px;font-size:20px;white-space:nowrap;z-index:5;pointer-events:none}.empty-wheel{display:flex;justify-content:center;align-items:center;width:100%;height:100%;color:white;font-size:18px;text-align:center}@media (max-width:768px){.roulette-container{width:320px;height:320px}.empty-list-message{font-size:16px;top:50px}}@media (max-width:480px){.roulette-container{width:280px;height:280px}.empty-list-message{font-size:14px;top:45px}}.shortcut-guide h3{margin-top:0;margin-bottom:10px;text-align:center;font-size:16px}.shortcut-list{flex-direction:column}.shortcut-item,.shortcut-list{display:flex;align-items:center;justify-content:center;gap:10px}.shortcut-item kbd{background-color:#f8f9fa;border:1px solid #d1d5db;border-radius:3px;box-shadow:0 1px 1px rgba(0,0,0,.1);color:#333;display:inline-block;font-size:14px;font-weight:600;line-height:1;padding:4px 8px;white-space:nowrap;min-width:25px;text-align:center}.shortcut-item p{margin:0;font-size:14px}@media (max-width:768px){.shortcut-list{visibility:hidden}}.roulette-page{display:flex;flex-direction:column;min-height:100vh;background-color:rgb(248,244,230)}.roulette-main{flex:1 1;padding:0;max-width:1400px}.roulette-content,.roulette-main{display:flex;flex-direction:column;align-items:center;margin:0 auto;width:100%;position:relative}.roulette-content{justify-content:flex-start;padding-bottom:200px}.roulette-main-content{flex-direction:row;align-items:flex-start;position:relative}.roulette-left-column,.roulette-main-content{display:flex;justify-content:center;width:100%}.roulette-left-column{flex-direction:column;align-items:center;margin-bottom:2rem}.roulette-right-column{position:absolute;right:0;top:0;width:300px;margin-top:0}.roulette-section{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:.5rem}.shortcut-guide{margin-top:1.5rem;align-self:center}.selected-item-top,.shortcut-guide{width:100%;max-width:500px;position:relative}.selected-item-top{margin-bottom:3rem;margin-top:1rem;z-index:5}.selected-item-banner{position:absolute;top:0;left:0;right:0;z-index:10}.selected-item-banner,.top-right-banner{margin-bottom:0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.top-right-banner{position:fixed;top:90px;right:20px;z-index:1000;max-width:300px}@media (max-width:1100px){.roulette-content{display:flex;flex-direction:column;align-items:center;gap:1rem;position:static;padding-bottom:0}.selected-item-top{margin-bottom:2rem;margin-top:.5rem}.roulette-main-content{flex-direction:column;align-items:center;gap:1rem}.roulette-left-column{width:100%;max-width:500px;margin-bottom:1rem}.roulette-right-column{position:static;width:100%;max-width:500px;right:auto;top:auto}.shortcut-guide{position:relative;margin-top:1.5rem;width:100%;max-width:500px}}@media (max-width:768px){.roulette-main{padding:.5rem}.top-right-banner{top:80px;right:15px;max-width:280px}}@media (max-width:480px){.top-right-banner{top:75px;right:10px;max-width:calc(100vw - 20px)}}