textarea{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:12px;font-family:'Courier New',monospace;font-size:0.9rem;resize:vertical;box-sizing:border-box}textarea:focus{outline:none;border-color:var(--accent)}input[type="text"],input[type="number"],input[type="password"],input[type="time"],input[type="date"],select{width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:0.9rem;box-sizing:border-box}input:focus,select:focus{outline:none;border-color:var(--accent)}.result-box{padding:16px;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);font-size:1.2rem;font-weight:700;text-align:center;color:var(--accent);margin-top:16px;word-break:break-all}.ht-input{display:flex;gap:8px;margin-bottom:12px}.ht-input input{flex:1}.ht-item{padding:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.ht-item .ht-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ht-item .ht-name{font-weight:600;font-size:0.95rem}.ht-item .ht-streak{font-size:0.8rem;color:var(--accent)}.ht-item .ht-days{display:flex;gap:4px;flex-wrap:wrap}.ht-item .ht-day{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;background:var(--bg);color:var(--text-secondary);cursor:pointer;border:1px solid var(--border)}.ht-item .ht-day.done{background:#44cc44;color:#fff;border-color:#44cc44}.ht-item .ht-del{cursor:pointer;color:var(--text-secondary);font-size:0.85rem}.ht-item .ht-del:hover{color:#ff4444}