.App{background-color:var(--color-surface);font-size:14px;margin-left:auto;margin-right:auto;max-width:900px;min-height:100vh;box-shadow:var(--shadow-md);border-radius:var(--radius-md);overflow:hidden}@media(min-width:650px){.App{font-size:16px}}@font-face{font-family:Material Icons;font-style:normal;font-weight:400;src:local("Material Icons"),local("MaterialIcons-Regular"),url(/assets/MaterialIcons-Regular-BjVsc-s9.woff2) format("woff2")}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;display:inline-block;line-height:1;text-transform:none;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.RecipeListItem{border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;padding:12px var(--page-padding-x);margin:0 calc(-1 * var(--page-padding-x));transition:background-color var(--transition)}.RecipeListItem:hover{background-color:var(--color-bg)}.RecipeListItem-right{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:13px}.RecipeListItem-warning{color:var(--color-accent);font-size:24px}.RecipeListItem-title{margin:0;font-weight:500}.RecipeListItem-divider{margin:0;color:var(--color-border)}.TopBar{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;height:var(--topbar-height);justify-content:space-between;position:fixed;top:0;width:100%;z-index:10}.TopBar-nav{cursor:pointer;text-align:center;transition:color var(--transition);display:flex;align-items:center;gap:4px;font-size:13px;color:var(--color-text-secondary)}.TopBar-nav:hover{color:var(--color-accent)}.TopBar-navIcon{font-size:20px}.TopBar-leftNav{padding-left:var(--page-padding-x)}.TopBar-rightNav{padding-right:var(--page-padding-x)}.TopBar-title{font-size:18px;margin:0;text-align:center;font-weight:600;letter-spacing:-.01em}@media(min-width:650px){.TopBar-title{font-size:28px}.TopBar-navIcon{font-size:26px}}@media(min-width:900px){.TopBar{width:900px}}.RecipeList{margin-top:var(--content-mt);padding:var(--page-padding-x)}.RecipeList-searchInput{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:16px;font-size:inherit;width:100%;transition:border-color var(--transition),box-shadow var(--transition);background-color:var(--color-bg)}.RecipeList-searchInput:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #d9770626;background-color:var(--color-surface)}.RecipeList-clearSearch{float:right;margin-top:-48px;margin-right:4px;position:relative;z-index:1;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:4px 8px;font-size:13px}.RecipeList-clearSearch:hover{color:var(--color-text-primary)}.RecipeView{padding:0 var(--page-padding-x) var(--page-padding-x)}.RecipeView-li{line-height:1.5;padding-bottom:6px}.RecipeView-column{width:100%}.RecipeView-column+.RecipeView-column{margin-top:24px}.RecipeView-column h2{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin:0 0 8px}@media(min-width:650px){.RecipeView{display:flex;gap:32px}.RecipeView-column{width:50%}.RecipeView-column+.RecipeView-column{margin-top:0}}.Recipe{margin-top:var(--content-mt);padding-top:1px}.Recipe-JSONView{border-top:1px solid var(--color-border);padding:20px var(--page-padding-x)}.Recipe-JSONView-warning{background-color:var(--color-accent-bg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:8px 12px;margin-bottom:12px;font-size:13px;color:var(--color-accent);font-weight:500}.Recipe-JSONView-pre{background-color:var(--color-bg);border-radius:var(--radius-sm);overflow-x:auto;padding:12px;font-size:13px;line-height:1.4}.Inputs{margin-top:var(--content-mt);padding:24px var(--page-padding-x) 8px}.Inputs-title{margin-bottom:20px}.Inputs-titleInput{width:100%;font-size:24px;font-weight:600;border:none;border-bottom:2px solid transparent;padding:4px 0;background:transparent;transition:border-color var(--transition);letter-spacing:-.01em}.Inputs-titleInput:focus{outline:none;border-bottom-color:var(--color-accent)}.Inputs-titleInput::placeholder{color:#bbb}.Inputs-body{display:flex;flex-direction:column;gap:20px}.Inputs-field{flex:1}.Inputs-fieldLabel{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:6px}.Inputs-textarea{width:100%;min-height:120px;border:none;background:transparent;padding:0;font-size:inherit;font-family:inherit;line-height:1.5;resize:vertical;color:var(--color-text-primary)}.Inputs-textarea::placeholder{color:#bbb}.Inputs-textarea:focus{outline:none}@media(min-width:650px){.Inputs-body{flex-direction:row}.Inputs-titleInput{font-size:28px}}*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #f4f4f4;--color-surface: #ffffff;--color-border: #e0e0e0;--color-text-primary: #1a1a1a;--color-text-secondary: #666;--color-accent: #d97706;--color-accent-bg: #fffbeb;--color-muted-bg: #f0f0f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--radius-sm: 4px;--radius-md: 8px;--transition: .15s ease;--topbar-height: 40px;--content-mt: 40px;--page-padding-x: 10px}html,body{background-color:var(--color-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;padding:0;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}#root{margin-bottom:50px}@media(min-width:650px){:root{--topbar-height: 60px;--content-mt: 60px;--page-padding-x: 20px}}