@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";@font-face{font-family:DungGeunMo;src:url(https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/DungGeunMo.woff) format("woff")}:root{--bg: #000000;--border: #2B3BFF;--text: #FFFFFF;--accent-pink: #FF69B4;--accent-yellow: #FFFF00}*{box-sizing:border-box}html{width:100%;overflow-x:hidden}body{margin:0;width:100%;min-height:100vh;background-color:var(--bg);color:var(--text);font-family:DungGeunMo,"Press Start 2P",monospace;overflow-x:hidden}#root{width:100%;max-width:100vw;min-height:100vh;display:grid;place-items:center;padding:16px;overflow-x:hidden}button,input,select{font-family:inherit;color:inherit}.wireframe-container{width:min(100%,600px);max-width:100%;min-width:0;margin-inline:auto;display:flex;flex-direction:column;gap:20px}.retro-box{width:100%;min-width:0;background:var(--bg);border:5px solid var(--border);padding:20px;text-align:center;box-shadow:0 0 15px #2b3bff66}.status-box{min-height:80px;display:flex;align-items:center;justify-content:center}.status-text{font-family:"Press Start 2P",cursive;font-size:clamp(20px,4vw,32px);color:var(--accent-pink);text-shadow:3px 3px 0 var(--border);text-transform:uppercase}.timer-box{width:100%;min-width:0;display:flex;flex-direction:column;align-items:center;padding:40px 20px;overflow:hidden}.timer-display{width:100%;max-width:100%;font-family:"Press Start 2P",cursive;font-size:clamp(34px,7.5vw,60px);line-height:1.22;color:var(--accent-pink);text-shadow:clamp(2px,.5vw,4px) clamp(2px,.5vw,4px) 0 var(--border);margin-bottom:40px;white-space:nowrap;transform-origin:center}.input-group{display:flex;width:100%;max-width:400px;gap:10px}.time-input{flex:1;background:var(--bg);border:3px solid var(--border);padding:15px;font-size:20px;text-align:center}.time-input:focus{border-color:var(--accent-pink);outline:none}.time-select{width:100px;background:var(--bg);border:3px solid var(--border);padding:15px 5px;font-size:18px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center}.time-select:focus{border-color:var(--accent-pink);outline:none}.action-container{display:flex;flex-direction:column;align-items:center;gap:10px}.refresh-icon{background:transparent;border:none;color:var(--accent-pink);cursor:pointer;padding:5px}.refresh-icon:hover{transform:rotate(180deg);transition:transform .3s ease}.btn-primary{width:100%;max-width:400px;background:var(--border);color:#fff;border:4px solid #fff;padding:20px;font-size:20px;font-family:"Press Start 2P",DungGeunMo,cursive;cursor:pointer;text-transform:uppercase;transition:.2s}.btn-primary:hover:not(:disabled){background:var(--accent-pink);border-color:var(--accent-pink);transform:scale(1.02)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.room-options{margin-top:15px;display:flex;flex-direction:column;gap:10px;width:100%;max-width:400px;border-top:3px dashed var(--accent-yellow);padding-top:15px}.option-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.btn-secondary{background:var(--bg);border:2px solid var(--border);padding:10px 15px;cursor:pointer}.btn-secondary:hover{border-color:var(--accent-pink);color:var(--accent-pink)}.room-info-box{margin-top:10px;padding:10px;border:2px solid var(--accent-yellow);font-size:14px}.link-text{color:var(--accent-yellow);word-break:break-all;margin-top:5px;cursor:pointer}.quick-add-buttons{width:100%;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px}.btn-quick{background:var(--bg);border:2px solid var(--border);color:var(--accent-pink);padding:10px;font-family:DungGeunMo,monospace;cursor:pointer;font-size:16px;flex:1 1 auto}.btn-quick:hover{background:var(--border);color:#fff}.toggle-container{display:flex;gap:20px;justify-content:center;margin-bottom:20px;width:100%}.btn-toggle{flex:1;padding:15px;border-width:3px;border-style:solid;font-size:16px;font-family:DungGeunMo,monospace;background:var(--bg);cursor:pointer}.settings-row{display:flex;flex-direction:column;align-items:center;margin-top:25px;border-top:2px dashed var(--accent-yellow);padding-top:20px;width:100%}.setting-controls{display:flex;align-items:center;gap:20px}@media (max-width: 480px){#root{align-items:center;justify-items:center;padding:12px}.wireframe-container{width:100%;max-width:420px}.retro-box{padding:15px;border-width:3px}.toggle-container{gap:10px}.btn-toggle{padding:10px;font-size:14px;border-width:2px}.quick-add-buttons{gap:5px}.btn-quick{padding:8px 5px;font-size:14px;flex:1 1 calc(50% - 5px);min-width:0}.timer-box{padding:32px 12px}.timer-display{font-size:clamp(27px,8.1vw,38px);letter-spacing:-1px;text-shadow:2px 2px 0 var(--border)}}@media (max-width: 360px){#root{padding:10px}.timer-display{font-size:clamp(24px,7.4vw,30px);letter-spacing:-1.5px}}