@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap";:root{--lofi-font: "Caveat", cursive;--app-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--lofi-border: 2px solid #333;--lofi-radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--lofi-bg: #fffef9;--lofi-primary: #4a90d9;--lofi-text: #333;--lofi-gray: #888;--lofi-light-gray: #e8e8e8;--lofi-shadow: 3px 3px 0 rgba(0,0,0,.1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--app-font);background:var(--lofi-bg);color:var(--lofi-text);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}svg#lofi-filter{position:absolute;width:0;height:0}.wf-page{padding:20px;min-height:100px;font-family:var(--app-font)}.wf-page-title{font-size:32px;margin-bottom:16px;border-bottom:2px dashed #ccc;padding-bottom:8px}.wf-navbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border:var(--lofi-border);border-radius:var(--lofi-radius);background:#fff;margin-bottom:16px}.wf-navbar-brand{font-size:24px;font-weight:700}.wf-navbar-links{display:flex;gap:16px}.wf-navbar-link{font-size:18px;color:var(--lofi-gray);cursor:pointer;text-decoration:underline wavy var(--lofi-light-gray)}.wf-container{display:flex;padding:8px 0}.wf-container--row{flex-direction:row;align-items:flex-start}.wf-container--column{flex-direction:column}.wf-container--center{flex-direction:column;align-items:center;justify-content:center}.wf-container--grid{display:grid}.wf-card{border:var(--lofi-border);border-radius:var(--lofi-radius);padding:20px;background:#fff;box-shadow:var(--lofi-shadow);margin-bottom:12px}.wf-button{font-family:var(--app-font);font-size:18px;padding:8px 24px;border:var(--lofi-border);border-radius:var(--lofi-radius);cursor:pointer;display:inline-block;transition:transform .1s}.wf-button:hover{transform:scale(1.02)}.wf-button--primary{background:var(--lofi-primary);color:#fff}.wf-button--secondary{background:var(--lofi-light-gray);color:var(--lofi-text)}.wf-button--outline{background:transparent;color:var(--lofi-text)}.wf-button:disabled{opacity:.5;cursor:not-allowed}.wf-input-wrapper{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.wf-input-label{font-size:16px;color:var(--lofi-gray)}.wf-input{font-family:var(--app-font);font-size:18px;padding:8px 14px;border:var(--lofi-border);border-radius:255px 15px 225px/15px 225px 15px 255px;background:var(--lofi-bg);outline:none;width:100%}.wf-text{font-family:var(--app-font);margin-bottom:8px}.wf-text--h1{font-size:36px;font-weight:700}.wf-text--h2{font-size:28px;font-weight:700}.wf-text--h3{font-size:22px;font-weight:700}.wf-text--body{font-size:18px}.wf-text--caption{font-size:14px;color:var(--lofi-gray)}.wf-image{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--lofi-light-gray);border:2px dashed #ccc;border-radius:8px;color:var(--lofi-gray);font-size:14px;margin-bottom:8px}.wf-divider{border:none;height:3px;background:repeating-linear-gradient(90deg,var(--lofi-text) 0px,var(--lofi-text) 8px,transparent 8px,transparent 12px);margin:16px 0;opacity:.4;transform:rotate(-.3deg)}.wf-table{width:100%;border-collapse:separate;border-spacing:0;border:var(--lofi-border);border-radius:8px;margin-bottom:12px;overflow:hidden;font-family:var(--app-font)}.wf-table th,.wf-table td{padding:10px 14px;text-align:left;border-bottom:1.5px solid #ccc;border-right:1.5px dashed #ddd}.wf-table th:last-child,.wf-table td:last-child{border-right:none}.wf-table th{background:var(--lofi-light-gray);font-weight:700;font-size:17px}.wf-table tbody tr:last-child td{border-bottom:none}.wf-list{font-family:var(--app-font);padding-left:28px;margin-bottom:12px}.wf-list li{padding:4px 0;font-size:18px}.wf-tabs{margin-bottom:12px}.wf-tabs-bar{display:flex;gap:0;border-bottom:var(--lofi-border)}.wf-tab-item{font-family:var(--app-font);font-size:18px;padding:8px 20px;border:var(--lofi-border);border-bottom:none;border-radius:15px 15px 0 0;background:var(--lofi-light-gray);cursor:pointer;margin-right:-2px;position:relative}.wf-tab-item--active{background:#fff;font-weight:700;border-bottom:2px solid #fff;z-index:1}.wf-tabs-content{padding:16px;border:var(--lofi-border);border-top:none}.wf-select{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border:var(--lofi-border);border-radius:255px 15px 225px/15px 225px 15px 255px;background:#fff;font-family:var(--app-font);font-size:18px;cursor:pointer;margin-bottom:8px;min-width:160px}.wf-select-arrow{font-size:14px;color:var(--lofi-gray)}.wf-checkbox{display:flex;align-items:center;gap:10px;font-family:var(--app-font);font-size:18px;cursor:pointer;margin-bottom:6px}.wf-checkbox-box{width:22px;height:22px;border:var(--lofi-border);border-radius:4px;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.wf-checkbox-box--checked{background:var(--lofi-primary);border-color:var(--lofi-primary)}.wf-checkbox-check{color:#fff;font-size:16px;line-height:1}.wf-radio{display:flex;align-items:center;gap:10px;font-family:var(--app-font);font-size:18px;cursor:pointer;margin-bottom:6px}.wf-radio-circle{width:22px;height:22px;border:var(--lofi-border);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;flex-shrink:0}.wf-radio-circle--checked{border-color:var(--lofi-primary)}.wf-radio-dot{width:12px;height:12px;border-radius:50%;background:var(--lofi-primary)}.wf-modal-overlay{position:relative;background:#00000026;border:2px dashed #999;border-radius:8px;padding:40px 20px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;min-height:200px}.wf-modal{background:#fff;border:var(--lofi-border);border-radius:var(--lofi-radius);padding:0;min-width:300px;max-width:90%;box-shadow:6px 6px #0000001f}.wf-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:var(--lofi-border)}.wf-modal-header h3{font-size:22px}.wf-modal-close{cursor:pointer;font-size:18px;color:var(--lofi-gray)}.wf-modal-body{padding:20px}.wf-sidebar{border:var(--lofi-border);border-radius:var(--lofi-radius);padding:16px;background:#fafaf5;min-width:180px;margin-bottom:12px}.wf-sidebar--right{border-left:var(--lofi-border)}.wf-sidebar-nav{display:flex;flex-direction:column;gap:4px}.wf-sidebar-item{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:18px;transition:background .15s}.wf-sidebar-item:hover{background:var(--lofi-light-gray)}