*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #1C1C1E;--card-bg: #F5F2EE;--card-text: #1C1C1E;--muted: #888;--radius: 16px;--font: "Inter", "Helvetica Neue", Arial, sans-serif}html,body{height:100%;background-color:var(--bg);color:var(--card-bg);font-family:var(--font);font-size:18px;-webkit-font-smoothing:antialiased;touch-action:pan-y;overscroll-behavior:none}#app{height:100%}button{font-family:var(--font);cursor:pointer;border:none;outline:none}.app{height:100%;display:flex;flex-direction:column}.home{flex:1;display:flex;flex-direction:column;padding:48px 24px 32px;gap:32px;max-width:480px;margin:0 auto;width:100%}.home-header{display:flex;flex-direction:column;gap:8px}.app-title{font-size:2.4rem;font-weight:300;letter-spacing:-.02em;color:var(--card-bg)}.app-subtitle{font-size:1rem;color:var(--muted);font-weight:400}.resume-button{background:none;border:1px solid var(--muted);color:var(--card-bg);border-radius:8px;padding:12px 16px;font-size:.9rem;text-align:left;transition:border-color .15s}.resume-button:hover{border-color:var(--card-bg)}.home-actions{display:flex;flex-direction:column}.action-button{background-color:var(--card-bg);color:var(--card-text);border-radius:12px;padding:18px 24px;font-size:1.1rem;font-weight:500;text-align:center;transition:opacity .15s}.action-button:hover{opacity:.9}.action-button.primary{font-size:1.15rem}.category-list{display:flex;flex-direction:column;gap:12px}.category-list-label{font-size:.8rem;text-transform:lowercase;letter-spacing:.05em;color:var(--muted)}.category-buttons{display:flex;flex-direction:column;gap:8px}.category-button{border-radius:12px;padding:16px 20px;font-size:1.05rem;font-weight:500;color:#fff;text-align:left;transition:opacity .15s;letter-spacing:.01em}.category-button:hover{opacity:.85}.intro-button{margin-top:12px}.card-view{flex:1;display:flex;flex-direction:column;height:100%}.card-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px 8px;flex-shrink:0}.back-button{background:#ffffff1a;color:var(--card-bg);font-size:1rem;padding:10px 16px;border-radius:8px;transition:background .15s}.back-button:hover{background:#ffffff2e}.topbar-branding{font-size:.9rem;font-weight:300;color:var(--card-bg);letter-spacing:.02em}.card-area{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 24px;-webkit-user-select:none;user-select:none;position:relative}.tap-zone{position:absolute;top:0;bottom:0;width:40%;cursor:pointer;z-index:1}.tap-zone--prev{left:0}.tap-zone--next{right:0}.card{background-color:var(--card-bg);border-radius:var(--radius);border:3px solid transparent;padding:36px 32px 28px;width:100%;max-width:400px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;position:relative;box-shadow:0 8px 32px #00000059;z-index:2;pointer-events:none;overflow:hidden}.card-header-strip{margin:-36px -32px 24px;padding:8px 14px;border-radius:calc(var(--radius) - 3px) calc(var(--radius) - 3px) 0 0;display:flex;justify-content:flex-end}.card-header-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#ffffffe6}.card-text{font-size:1.35rem;line-height:1.6;color:var(--card-text);font-weight:400;flex:1}.card-number{font-size:.85rem;color:#999;margin-top:24px;text-align:right}.card--empty{justify-content:center;align-items:center}.tap-hint{text-align:center;font-size:.85rem;color:var(--muted);letter-spacing:.04em;padding:10px 24px 24px;flex-shrink:0}@media (min-height: 700px){.card-text{font-size:1.5rem}}@media (min-width: 480px){.home{padding-top:64px}}