*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#171717;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.login-page{box-sizing:border-box;background:#f6f6f6;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.login-page__card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:16px;width:100%;max-width:400px;padding:32px;box-shadow:0 8px 30px #0000000f}.login-page__header{text-align:center;margin-bottom:28px}.login-page__header h1{color:#171717;margin:0 0 8px;font-size:30px;line-height:1.2}.login-page__header p{color:#777;margin:0;font-size:15px}.login-form{flex-direction:column;gap:18px;display:flex}.login-form__field{flex-direction:column;gap:8px;display:flex}.login-form__field span{color:#333;font-size:14px;font-weight:600}.login-form__field input{box-sizing:border-box;width:100%;height:48px;font:inherit;color:#171717;background:#fff;border:1px solid #d8d8d8;border-radius:10px;outline:none;padding:0 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.login-form__field input:focus{border-color:#777;box-shadow:0 0 0 3px #0000000f}.login-form__field input:disabled{background:#f5f5f5}.login-form__error{color:#c62828;background:#fff0f0;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.4}.login-form__submit{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#171717;border:0;border-radius:10px;margin-top:4px;font-size:16px;font-weight:600}.login-form__submit:hover:not(:disabled){background:#2d2d2d}.login-form__submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.login-page{align-items:flex-start;padding-top:80px}.login-page__card{border-radius:14px;padding:24px 20px}}.experiment-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;justify-content:space-between;align-items:center;min-height:80px;padding:16px;transition:transform .1s,background .1s;display:flex}.experiment-card:active{background:#fafafa;transform:scale(.98)}.experiment-card__content{min-width:0}.experiment-card__title{margin:0;font-size:17px;font-weight:600;line-height:1.3}.experiment-card__description{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.experiment-card__arrow{color:#aaa;flex-shrink:0;margin-left:12px;font-size:28px;line-height:1}.experiments-page{width:100%;max-width:700px;margin:0 auto;padding:24px 16px}.experiments-page__header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.experiments-page__title{margin:0;font-size:28px;line-height:1.2}.experiments-page__add{color:#fff;background:#171717;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;font-weight:300;display:flex}.experiments-page__list{flex-direction:column;gap:10px;display:flex}.experiments-page__item{background:#fff;border:1px solid #e5e5e5;border-radius:14px;justify-content:space-between;align-items:center;min-height:80px;padding:16px;display:flex}.experiments-page__item h2{margin:0;font-size:17px;font-weight:600}.experiments-page__item p{color:#888;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.experiments-page__item>span{color:#aaa;flex-shrink:0;margin-left:12px;font-size:28px}.experiments-page__state{color:#888;text-align:center;padding:48px 16px}.experiments-page__state--error{color:#c62828}.experiments-page__empty{text-align:center;padding:60px 20px}.experiments-page__empty h2{margin:0}.experiments-page__empty p{color:#888;margin:8px 0 24px}.experiments-page__create{color:#fff;background:#171717;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:14px;font-weight:600;display:inline-flex}.experiment-page{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:16px}.experiment-page__back{color:#666;align-items:center;min-height:40px;font-size:14px;text-decoration:none;display:inline-flex}.experiment-page__back:active{opacity:.6}.experiment-page__header{margin-top:20px;margin-bottom:24px}.experiment-page__title{color:#171717;margin:0;font-size:32px;font-weight:700;line-height:1.15}.experiment-page__title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.experiment-page__edit{color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none}.experiment-page__edit:active{opacity:.6}.experiment-page__state{color:#666;justify-content:center;align-items:center;min-height:50vh;font-size:15px;display:flex}.experiment-page__state--error{color:#c62828;justify-content:flex-start;min-height:auto;margin-top:32px}.experiment-page__description{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:28px;overflow:hidden}.experiment-page__description summary{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 16px;font-size:14px;font-weight:600}.experiment-page__description summary::marker{color:#888}.experiment-page__description-content{color:#444;border-top:1px solid #eee;padding:16px;font-size:14px;line-height:1.6}.experiment-page__description-content h1,.experiment-page__description-content h2,.experiment-page__description-content h3,.experiment-page__description-content h4{color:#171717;line-height:1.3}.experiment-page__description-content h1{margin:0 0 16px;font-size:24px}.experiment-page__description-content h2{margin:24px 0 10px;font-size:19px}.experiment-page__description-content h3{margin:20px 0 8px;font-size:16px}.experiment-page__description-content h4{margin:16px 0 8px;font-size:15px}.experiment-page__description-content p{margin:0 0 12px}.experiment-page__description-content p:last-child{margin-bottom:0}.experiment-page__description-content ul,.experiment-page__description-content ol{margin:10px 0 16px;padding-left:24px}.experiment-page__description-content li{margin-bottom:6px}.experiment-page__description-content li:last-child{margin-bottom:0}.experiment-page__description-content strong{color:#222;font-weight:600}.experiment-page__description-content em{color:#555}.experiment-page__description-content code{color:#333;background:#f1f1f1;border-radius:5px;padding:2px 5px;font-family:monospace;font-size:13px}.experiment-page__description-content pre{-webkit-overflow-scrolling:touch;background:#f5f5f5;border-radius:10px;margin:14px 0;padding:12px;overflow-x:auto}.experiment-page__description-content pre code{background:0 0;padding:0;font-size:12px;line-height:1.5}.experiment-page__description-content blockquote{color:#666;border-left:3px solid #ccc;margin:14px 0;padding:8px 12px}.experiment-page__description-content blockquote p{margin:0}.experiment-page__description-content a{color:#333;text-decoration:underline}.experiment-page__description-content hr{border:0;border-top:1px solid #eee;margin:20px 0}.experiment-page__description-content img{border-radius:8px;max-width:100%;height:auto;margin:12px 0;display:block}.experiment-page__description-content table{border-collapse:collapse;width:100%;margin:14px 0;font-size:13px;display:block;overflow-x:auto}.experiment-page__description-content th,.experiment-page__description-content td{text-align:left;border:1px solid #ddd;padding:8px}.experiment-page__description-content th{background:#f5f5f5;font-weight:600}.experiment-page__section{margin-top:24px}.experiment-page__section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.experiment-page__section-title{color:#171717;margin:0;font-size:20px;font-weight:700;line-height:1.2}.experiment-page__count{box-sizing:border-box;color:#666;background:#ededed;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.experiment-page__create{box-sizing:border-box;color:#fff;background:#171717;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;margin-bottom:12px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.experiment-page__create:active{opacity:.7}.experiment-page__empty{text-align:center;border:1px dashed #ddd;border-radius:12px;padding:24px 16px}.experiment-page__empty p{color:#888;margin:0;font-size:14px}.experiment-page__units{flex-direction:column;gap:10px;display:flex}.experiment-page__unit{color:inherit;background:#fff;border:1px solid #e5e5e5;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px;text-decoration:none;display:flex}.experiment-page__unit:active{opacity:.7}.experiment-page__unit-content{min-width:0}.experiment-page__unit h3{color:#171717;margin:0;font-size:16px;font-weight:600}.experiment-page__unit-arrow{color:#aaa;flex-shrink:0;font-size:24px}@media (width<=380px){.experiment-page{padding:14px}.experiment-page__title{font-size:28px}}@media (width<=500px){.experiment-page__title-row{align-items:flex-start}.experiment-page__edit{padding:7px 10px;font-size:12px}}.experiment-unit-page{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:16px}.experiment-unit-page__back{color:#666;align-items:center;min-height:40px;font-size:14px;text-decoration:none;display:inline-flex}.experiment-unit-page__back:active{opacity:.6}.experiment-unit-page__header{margin-top:20px;margin-bottom:24px}.experiment-unit-page__title{color:#171717;margin:0;font-size:32px;font-weight:700;line-height:1.15}.experiment-unit-page__title-row{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.experiment-unit-page__edit{color:#555;background:#fff;border:1px solid #e5e5e5;border-radius:8px;flex-shrink:0;padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none}.experiment-unit-page__edit:active{opacity:.6}.experiment-unit-page__state{color:#666;justify-content:center;align-items:center;min-height:50vh;font-size:15px;display:flex}.experiment-unit-page__state--error{color:#c62828;justify-content:flex-start;min-height:auto;margin-top:32px}.experiment-unit-page__qr-card{box-sizing:border-box;background:#fff;border:1px solid #e5e5e5;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:28px;padding:24px 20px;display:flex}.experiment-unit-page__qr{box-sizing:border-box;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:220px;height:220px;padding:10px;display:flex}.experiment-unit-page__qr svg{width:200px;height:200px;display:block}.experiment-unit-page__qr-info{text-align:center;margin-top:16px}.experiment-unit-page__qr-info h2{color:#171717;margin:0;font-size:17px;font-weight:600;line-height:1.3}.experiment-unit-page__qr-info p{color:#888;max-width:310px;margin:7px 0 0;font-size:13px;line-height:1.45}.experiment-unit-page__create{box-sizing:border-box;color:#fff;background:#171717;border-radius:10px;justify-content:center;align-items:center;width:100%;min-height:46px;margin-top:18px;padding:0 18px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.experiment-unit-page__create:active{opacity:.7}.experiment-unit-page__create--secondary{color:#222;background:#fff;border:1px solid #ddd}.experiment-unit-page__description{background:#fff;border:1px solid #e5e5e5;border-radius:12px;margin-bottom:28px;overflow:hidden}.experiment-unit-page__description summary{color:#444;cursor:pointer;-webkit-user-select:none;user-select:none;padding:14px 16px;font-size:14px;font-weight:600}.experiment-unit-page__description summary::marker{color:#888}.experiment-unit-page__description-content{color:#444;border-top:1px solid #eee;padding:16px;font-size:14px;line-height:1.6}.experiment-unit-page__description-content h1,.experiment-unit-page__description-content h2,.experiment-unit-page__description-content h3,.experiment-unit-page__description-content h4{color:#171717;line-height:1.3}.experiment-unit-page__description-content h1{margin:0 0 16px;font-size:24px}.experiment-unit-page__description-content h2{margin:24px 0 10px;font-size:19px}.experiment-unit-page__description-content h3{margin:20px 0 8px;font-size:16px}.experiment-unit-page__description-content h4{margin:16px 0 8px;font-size:15px}.experiment-unit-page__description-content p{margin:0 0 12px}.experiment-unit-page__description-content p:last-child{margin-bottom:0}.experiment-unit-page__description-content ul,.experiment-unit-page__description-content ol{margin:10px 0 16px;padding-left:24px}.experiment-unit-page__description-content li{margin-bottom:6px}.experiment-unit-page__description-content strong{color:#222;font-weight:600}.experiment-unit-page__description-content code{color:#333;background:#f1f1f1;border-radius:5px;padding:2px 5px;font-family:monospace;font-size:13px}.experiment-unit-page__description-content pre{-webkit-overflow-scrolling:touch;background:#f5f5f5;border-radius:10px;margin:14px 0;padding:12px;overflow-x:auto}.experiment-unit-page__description-content pre code{background:0 0;padding:0;font-size:12px;line-height:1.5}.experiment-unit-page__description-content blockquote{color:#666;border-left:3px solid #ccc;margin:14px 0;padding:8px 12px}.experiment-unit-page__description-content blockquote p{margin:0}.experiment-unit-page__description-content a{color:#333;text-decoration:underline}.experiment-unit-page__description-content hr{border:0;border-top:1px solid #eee;margin:20px 0}.experiment-unit-page__description-content img{border-radius:8px;max-width:100%;height:auto;margin:12px 0;display:block}.experiment-unit-page__section{margin-top:24px}.experiment-unit-page__section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.experiment-unit-page__section-title{color:#171717;margin:0;font-size:20px;font-weight:700;line-height:1.2}.experiment-unit-page__count{box-sizing:border-box;color:#666;background:#ededed;border-radius:13px;justify-content:center;align-items:center;min-width:26px;height:26px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.experiment-unit-page__empty{text-align:center;border:1px dashed #ddd;border-radius:12px;padding:24px 16px}.experiment-unit-page__empty p{color:#888;margin:0;font-size:14px}.experiment-unit-page__observations{flex-direction:column;gap:10px;display:flex}.experiment-unit-page__observation{background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:14px}.experiment-unit-page__observation-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.experiment-unit-page__observation-date{color:#171717;font-size:15px;font-weight:600}.experiment-unit-page__condition{border-radius:7px;flex-shrink:0;padding:5px 8px;font-size:11px;font-weight:600}.experiment-unit-page__condition--ok{color:#347a34;background:#eef7ee}.experiment-unit-page__condition--ill{color:#9a6500;background:#fff5e5}.experiment-unit-page__condition--dead{color:#9b4444;background:#f5eeee}.experiment-unit-page__observation-values{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.experiment-unit-page__observation-values>div{flex-direction:column;gap:4px;display:flex}.experiment-unit-page__observation-values span{color:#999;font-size:11px}.experiment-unit-page__observation-values strong{color:#222;font-size:15px;font-weight:600}.experiment-unit-page__observation-comment{color:#666;white-space:pre-wrap;border-top:1px solid #eee;margin:14px 0 0;padding-top:12px;font-size:13px;line-height:1.5}@media (width<=380px){.experiment-unit-page{padding:14px}.experiment-unit-page__title{font-size:28px}.experiment-unit-page__qr-card{padding:20px 16px}.experiment-unit-page__qr{width:200px;height:200px}.experiment-unit-page__qr svg{width:180px;height:180px}.experiment-unit-page__observation{padding:12px}.experiment-unit-page__observation-values strong{font-size:14px}}@media (width<=500px){.experiment-unit-page__edit{padding:7px 10px;font-size:12px}}.experiment-unit-form-page{width:100%;max-width:700px;margin:0 auto;padding:16px}.experiment-unit-form-page__back{color:#666;align-items:center;min-height:40px;font-size:14px;display:inline-flex}.experiment-unit-form-page__header{margin-top:20px;margin-bottom:28px}.experiment-unit-form-page__header h1{margin:0;font-size:28px;line-height:1.2}.experiment-unit-form-page__header p{color:#888;margin:8px 0 0;font-size:14px}.experiment-unit-form{flex-direction:column;gap:20px;display:flex}.experiment-unit-form__field{flex-direction:column;gap:8px;display:flex}.experiment-unit-form__field>span{align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.experiment-unit-form__field small{color:#999;font-size:12px;font-weight:400}.experiment-unit-form__field input,.experiment-unit-form__field textarea{box-sizing:border-box;color:#171717;width:100%;font:inherit;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;padding:13px 14px;font-size:16px}.experiment-unit-form__field input:focus,.experiment-unit-form__field textarea:focus{border-color:#777}.experiment-unit-form__field textarea{resize:vertical;min-height:100px}.experiment-unit-form__error{color:#c62828;background:#ffebee;border-radius:10px;padding:12px 14px;font-size:14px}.experiment-unit-form__submit{color:#fff;width:100%;min-height:48px;font:inherit;cursor:pointer;background:#171717;border:0;border-radius:12px;margin-top:4px;font-size:15px;font-weight:600}.experiment-unit-form__submit:disabled{opacity:.5;cursor:default}.observation-form-page{box-sizing:border-box;width:100%;max-width:700px;margin:0 auto;padding:16px}.observation-form-page__back{color:#666;align-items:center;min-height:40px;font-size:14px;text-decoration:none;display:inline-flex}.observation-form-page__back:active{opacity:.6}.observation-form-page__header{margin-top:20px;margin-bottom:28px}.observation-form-page__header h1{color:#171717;margin:0;font-size:28px;line-height:1.2}.observation-form-page__header p{color:#888;margin:8px 0 0;font-size:14px}.observation-form{flex-direction:column;gap:20px;display:flex}.observation-form__grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.observation-form__field{flex-direction:column;gap:8px;display:flex}.observation-form__field>span{color:#333;font-size:14px;font-weight:600}.observation-form__field input,.observation-form__field textarea{box-sizing:border-box;color:#171717;width:100%;font:inherit;background:#fff;border:1px solid #ddd;border-radius:10px;outline:none;padding:13px 14px;font-size:16px}.observation-form__field input{min-height:46px}.observation-form__field input:focus,.observation-form__field textarea:focus{border-color:#777}.observation-form__field textarea{resize:vertical;min-height:110px}.observation-form__error{color:#c62828;background:#ffebee;border-radius:10px;padding:12px 14px;font-size:14px}.observation-form__submit{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#171717;border:0;border-radius:12px;font-size:15px;font-weight:600}.observation-form__submit:disabled{opacity:.5;cursor:default}.observation-form__conditions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.observation-form__condition{color:#555;min-height:46px;font:inherit;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:10px;padding:0 8px;font-size:13px;font-weight:500}.observation-form__condition--active{color:#fff;background:#171717;border-color:#171717}.observation-form__condition:disabled{opacity:.5;cursor:default}@media (width<=480px){.observation-form__grid{grid-template-columns:1fr}}.experiment-form-page{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:20px 16px 40px}.experiment-form-page__back{color:#666;margin-bottom:24px;font-size:15px;text-decoration:none;display:inline-block}.experiment-form-page__back:hover{color:#171717}.experiment-form-page__header{margin-bottom:28px}.experiment-form-page__title{color:#171717;margin:0 0 8px;font-size:28px;font-weight:700;line-height:1.2}.experiment-form-page__subtitle{color:#777;margin:0;font-size:15px;line-height:1.5}.experiment-form{flex-direction:column;gap:20px;display:flex}.experiment-form__field{flex-direction:column;gap:8px;display:flex}.experiment-form__field>span{color:#333;align-items:baseline;gap:8px;font-size:14px;font-weight:600;display:flex}.experiment-form__field small{color:#999;font-size:12px;font-weight:400}.experiment-form__field input,.experiment-form__field textarea{box-sizing:border-box;width:100%;font:inherit;color:#171717;background:#fff;border:1px solid #d8d8d8;border-radius:10px;outline:none;padding:13px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.experiment-form__field input{height:48px}.experiment-form__field textarea{resize:vertical;min-height:140px;line-height:1.5}.experiment-form__field input:focus,.experiment-form__field textarea:focus{border-color:#777;box-shadow:0 0 0 3px #0000000f}.experiment-form__field input::placeholder,.experiment-form__field textarea::placeholder{color:#aaa}.experiment-form__field input:disabled,.experiment-form__field textarea:disabled{cursor:not-allowed;background:#f5f5f5}.experiment-form__error{color:#c62828;background:#fff0f0;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.4}.experiment-form__submit{color:#fff;width:100%;min-height:50px;font:inherit;cursor:pointer;background:#171717;border:0;border-radius:10px;margin-top:4px;font-size:16px;font-weight:600;transition:background .15s,opacity .15s}.experiment-form__submit:hover:not(:disabled){background:#2d2d2d}.experiment-form__submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.experiment-form-page{padding:16px 14px 32px}.experiment-form-page__title{font-size:25px}}.bottom-nav{height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:100;background:#fffffff5;border-top:1px solid #e5e5e5;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:#8a8a8a;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100px;font-size:11px;font-weight:500;transition:color .15s;display:flex}.bottom-nav__icon{font-size:20px;line-height:20px}.bottom-nav__label{line-height:14px}.bottom-nav__item--active{color:#171717;font-weight:600}.app{min-height:100vh}.app__content{min-height:100vh;padding-bottom:64px}