body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:CuteFont;src:url(/static/media/Wordstaken.c21f00728dc89f0feef2.ttf) format("truetype")}:root{--accent:#ff8fb1;--accent-hover:#ff6f9c;--accent-light:#ffe4ee;--accent-light-hover:#ffd6e7;--bg:#f5f5f7;--sidebar-bg:#f7f7f8;--surface:#fff;--border:#e5e5e5;--text:#111;--text-muted:#999;--msg-user:#f8cdd4;--msg-ai:#e5e5ea;--hover:#e9e9ee;--input-bg:#fff;--input-border:#ddd}*{box-sizing:border-box}body{background:#f5f5f7;background:var(--bg);color:#111;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;overflow:hidden}.app{overflow:hidden;position:relative;width:100%}.app,.auth-page{display:flex;height:100vh;height:100dvh}.auth-page{align-items:center;background:#f5f5f7;background:var(--bg);justify-content:center;padding:16px}.auth-card{background:#fff;background:var(--surface);border-radius:18px;box-shadow:0 8px 30px #00000014;display:flex;flex-direction:column;max-width:320px;padding:35px 30px;width:100%}.auth-card h2{color:#111;color:var(--text);font-family:CuteFont;font-size:40px;margin-bottom:25px;text-align:center}.auth-card input{background:#fff;background:var(--input-bg);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:10px;color:#111;color:var(--text);font-size:16px;margin-bottom:12px;outline:none;padding:12px}.auth-card input:focus{border-color:#ff8fb1;border-color:var(--accent)}.auth-card button{background:#ff8fb1;background:var(--accent);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;margin-top:5px;padding:12px}.auth-card button:hover{background:#ff6f9c;background:var(--accent-hover)}.auth-error{color:#ff4d4d;font-size:13px;margin:0 0 8px;text-align:center}.hamburger-btn{align-items:center;background:#fff;background:var(--surface);border:none;border-radius:12px;box-shadow:0 4px 16px #0000001a;color:#111;color:var(--text);cursor:pointer;display:flex;font-size:20px;height:42px;justify-content:center;left:16px;position:fixed;top:16px;width:42px;z-index:300}.hamburger-btn:hover{background:#e9e9ee;background:var(--hover)}.sidebar{background:#f7f7f8;background:var(--sidebar-bg);border-right:1px solid #e5e5e5;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;height:100vh;height:100dvh;min-width:240px;padding:12px;position:relative;transition:width .25s ease,min-width .25s ease,transform .25s ease;width:240px;z-index:200}.sidebar:not(.open){min-width:60px;width:60px}@media (max-width:768px){.sidebar{box-shadow:none;height:100dvh;left:0;min-width:260px;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease,box-shadow .25s ease;width:260px}.sidebar.open{box-shadow:4px 0 24px #0000001f;transform:translateX(0)}}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar-overlay{animation:fadeIn .2s ease;background:#00000059;display:block;inset:0;position:fixed;z-index:199}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.top{gap:10px;margin-bottom:18px}.menu-btn,.top{align-items:center;display:flex}.menu-btn{border-radius:10px;color:#111;color:var(--text);cursor:pointer;flex-shrink:0;height:40px;justify-content:center;width:40px}.menu-btn:hover{background:#e9e9ee;background:var(--hover)}.logo{color:#111;color:var(--text);font-size:18px;font-weight:600;white-space:nowrap}.actions{display:flex;flex-direction:column;gap:6px}.action{align-items:center;border-radius:12px;color:#111;color:var(--text);cursor:pointer;display:flex;gap:12px;padding:11px 12px;transition:background .2s ease}.action:hover{background:#e9e9ee;background:var(--hover)}.action span{white-space:nowrap}.chat-list{flex:1 1;margin-top:15px;overflow-y:auto}.chat-item{align-items:center;border-radius:10px;color:#111;color:var(--text);cursor:pointer;display:flex;gap:8px;padding:10px}.chat-item:hover{background:#e9e9ee;background:var(--hover)}.chat-title{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn{background:#0000;border:none;color:#999;color:var(--text-muted);cursor:pointer;display:none}.chat-item:hover .delete-btn{display:block}.profile{align-items:center;border-radius:12px;color:#111;color:var(--text);cursor:pointer;display:flex;gap:10px;margin-top:auto;padding:12px 12px max(12px,env(safe-area-inset-bottom))}.profile:hover{background:#e9e9ee;background:var(--hover)}.main{background:#f5f5f7;background:var(--bg);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.main-full{margin-left:0;width:100%}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:20px}.empty-state h1{color:#111;color:var(--text);font-size:clamp(22px,4vw,52px);font-weight:600;line-height:1.2;margin-bottom:30px;padding:0 8px;text-align:center}.center-input{align-items:center;background:#fff;background:var(--surface);border-radius:999px;box-shadow:0 5px 20px #0000000f;display:flex;gap:10px;max-width:620px;padding:10px 14px;width:100%}.center-input input{background:#0000;border:none;color:#111;color:var(--text);flex:1 1;font-size:15px;min-width:0;outline:none}@media (max-width:768px){.center-input input{font-size:16px}}.center-input button{align-items:center;background:#ff8fb1;background:var(--accent);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:38px;justify-content:center;width:38px}.center-input button:hover{background:#ff6f9c;background:var(--accent-hover)}.upload-btn{align-items:center;color:#999;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;justify-content:center}.chat-box{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:25px}.message{border-radius:18px;color:#111;color:var(--text);font-size:15px;line-height:1.5;margin-bottom:12px;max-width:75%;padding:14px 18px;word-break:break-word}.message.user{align-self:flex-end;background:#f8cdd4;background:var(--msg-user)}.message.assistant{align-self:flex-start;background:#e5e5ea;background:var(--msg-ai)}.message p{margin:6px 0}.message pre{background:#0000000f;border-radius:8px;font-size:13px;max-width:100%;overflow-x:auto;padding:10px}.input-box{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #e5e5e5;border-top:1px solid var(--border);display:flex;gap:10px;padding:12px 15px max(12px,env(safe-area-inset-bottom))}.input-box input{background:#fff;background:var(--input-bg);border:1px solid #ddd;border:1px solid var(--input-border);border-radius:999px;color:#111;color:var(--text);flex:1 1;font-size:15px;min-width:0;outline:none;padding:11px 16px}@media (max-width:768px){.input-box input{font-size:16px}}.input-box button{background:#ff8fb1;background:var(--accent);border:none;border-radius:999px;color:#fff;cursor:pointer;flex-shrink:0;padding:11px 18px;white-space:nowrap}.input-box button:hover{background:#ff6f9c;background:var(--accent-hover)}@keyframes blink{0%,to{opacity:.2}50%{opacity:1}}.loading span{animation:blink 1.4s infinite;background:#999;background:var(--text-muted);border-radius:50%;display:inline-block;height:6px;margin:0 2px;width:6px}.loading span:nth-child(2){animation-delay:.2s}.loading span:nth-child(3){animation-delay:.4s}.pomodoro{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:50px 20px max(50px,env(safe-area-inset-bottom))}.pomodoro h1{color:#ff8fb1;color:var(--accent);font-size:clamp(24px,4vw,42px);margin-bottom:10px;text-align:center}.controls{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:36px}.controls button,.sound-controls button{background:#fff;background:var(--surface);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:12px;color:#111;color:var(--text);cursor:pointer;font-size:14px;padding:12px 20px}.controls button:first-child{background:#ff8fb1;background:var(--accent);border:none;color:#fff}.sound-controls{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:25px}.sound-controls p{color:#999;color:var(--text-muted);font-size:14px;margin:0 0 6px;text-align:center;width:100%}.sound-controls button.active-sound{background:#ff8fb1;background:var(--accent);border-color:#ff8fb1;border-color:var(--accent);color:#fff}.mode-switcher{border-top:1px solid #e5e5e5;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:10px}.action.active-mode{background:#ffe4ee;background:var(--accent-light);color:#ff8fb1;color:var(--accent);font-weight:500}.action.active-mode:hover{background:#ffd6e7;background:var(--accent-light-hover)}.chat-item.active{background:#e9e9ee;background:var(--hover)}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#0006;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.modal{background:#fff;background:var(--surface);border-radius:18px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;gap:20px;padding:28px;width:300px}.modal h3{font-size:18px;margin:0}.modal h3,.setting-row{color:#111;color:var(--text)}.setting-row{align-items:center;display:flex;font-size:15px;justify-content:space-between}.setting-row.col{align-items:flex-start;flex-direction:column;gap:12px}.toggle{background:#e5e5e5;background:var(--border);border-radius:999px;cursor:pointer;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:44px}.toggle.on{background:#ff8fb1;background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.toggle.on .toggle-thumb{transform:translateX(20px)}.color-picks{display:flex;gap:10px}.color-dot{border:3px solid #0000;border-radius:50%;cursor:pointer;height:28px;transition:transform .15s ease;width:28px}.color-dot:hover{transform:scale(1.15)}.color-dot.selected{border-color:#111;border-color:var(--text);transform:scale(1.1)}.modal-logout{background:#e9e9ee;background:var(--hover);border:none;border-radius:10px;color:#111;color:var(--text);cursor:pointer;font-size:14px;padding:11px;text-align:center}.modal-logout:hover{background:#e5e5e5;background:var(--border)}.code-block{border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:10px;margin:10px 0;overflow:hidden}.code-header{align-items:center;background:#282c34;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:8px 14px}.code-lang{font-family:monospace;text-transform:lowercase}.code-lang,.copy-btn{color:#abb2bf;font-size:12px}.copy-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:flex;gap:5px;padding:3px 8px;transition:background .15s ease}.copy-btn:hover{background:#ffffff1a;color:#fff}.inline-code{background:#00000014;border-radius:4px;font-family:monospace;font-size:13px;padding:2px 6px}.suggestion-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:8px;max-width:620px;width:100%}.suggestion-card{background:#fff;background:var(--surface);border:1px solid #e5e5e5;border:1px solid var(--border);border-radius:12px;color:#111;color:var(--text);cursor:pointer;font-size:14px;line-height:1.4;padding:14px 16px;transition:border-color .2s ease,background .2s ease}.suggestion-card:hover{background:#ffe4ee;background:var(--accent-light);border-color:#ff8fb1;border-color:var(--accent)}@media (max-width:768px){.empty-state{padding:60px 16px 16px}.center-input{max-width:100%}.message{max-width:88%}.chat-box{padding:14px}.suggestion-grid{grid-template-columns:1fr}.input-box{padding:10px 12px max(10px,env(safe-area-inset-bottom))}}@media (max-width:400px){.message{font-size:14px;max-width:95%;padding:11px 14px}.chat-box{padding:10px}}.flip-clock{flex-wrap:nowrap;gap:clamp(12px,4vw,40px);justify-content:center;width:100%}.flip-clock,.flip-unit{align-items:center;display:flex}.flip-unit{flex-direction:column}.flip-card{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:clamp(12px,2vw,24px);box-shadow:0 20px 50px #00000026,inset 0 1px 0 #ffffff0d;display:flex;height:clamp(80px,20vw,240px);justify-content:center;width:clamp(90px,22vw,260px)}.number{color:var(--text);font-size:clamp(36px,9vw,110px);font-weight:600;line-height:1}.label{color:var(--text-muted);font-size:clamp(10px,1.2vw,12px);letter-spacing:.05em;margin-top:clamp(6px,1vw,12px)}
/*# sourceMappingURL=main.33ee2db6.css.map*/