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}.sn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:12px}.sn-note{background:#fff3cd;border:1px solid #ffc107;border-radius:var(--radius);padding:12px;min-height:120px;display:flex;flex-direction:column;position:relative}.sn-note textarea{background:transparent;border:none;resize:none;flex:1;font-size:0.9rem;color:#333;padding:0;min-height:80px}.sn-note textarea:focus{outline:none}.sn-note .sn-del{position:absolute;top:4px;right:8px;cursor:pointer;color:#856404;font-size:1.1rem}.sn-note .sn-del:hover{color:#533f03}.sn-note .sn-time{font-size:0.7rem;color:#856404;margin-top:4px}