@import "https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NanumSquareRound.woff";body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.stock-recommendation-container{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;width:100%;padding:2rem;display:flex}.recommendation-header{color:var(--tooldi-dark-text);margin-bottom:2rem;font-size:2.2em;font-weight:700;line-height:1.3}.tendency-display,.period-display{color:var(--tooldi-primary);font-weight:800}.summary-card{background-color:var(--tooldi-light-bg);border:1px solid var(--tooldi-border);box-shadow:0 6px 20px rgba(var(--tooldi-primary-rgb), .05);text-align:left;border-radius:12px;width:100%;max-width:600px;margin-bottom:2.5rem;padding:1.5rem 2rem}.summary-card p{color:var(--tooldi-dark-text);margin:.5rem 0;font-size:1.1em}.summary-card strong{color:var(--tooldi-primary)}.investment-briefing{border:1px solid var(--tooldi-border);box-shadow:0 8px 25px rgba(var(--tooldi-primary-rgb), .08);text-align:left;background-color:#fdfdfd;border-radius:12px;width:100%;max-width:700px;margin-bottom:3rem;padding:2rem 2.5rem}.investment-briefing h2{color:var(--tooldi-dark-text);border-bottom:2px solid var(--tooldi-border);text-align:center;margin-top:0;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.8em}.investment-briefing p{color:#555;margin-bottom:1rem;font-size:1.05em;line-height:1.7}.investment-briefing h3{color:var(--tooldi-primary);text-align:center;margin-top:2rem;margin-bottom:1rem;font-size:1.4em}.investment-briefing ul{margin:0;padding:0;list-style-type:none}.investment-briefing li{background-color:var(--tooldi-light-bg);border:1px solid var(--tooldi-border);color:var(--tooldi-dark-text);border-radius:8px;margin-bottom:.8rem;padding:1rem 1.5rem;font-size:.95em;line-height:1.6}.investment-briefing li strong{color:var(--tooldi-primary)}.recommendation-list{width:100%;max-width:700px;margin-bottom:3rem}.recommendation-list h2{color:var(--tooldi-dark-text);border-bottom:2px solid var(--tooldi-border);text-align:center;margin-bottom:1.5rem;padding-bottom:.8rem;font-size:1.8em}.stock-cards-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));justify-content:center;gap:1.5rem;display:grid}.stock-card{border:1px solid var(--tooldi-border);box-shadow:0 4px 15px rgba(var(--tooldi-primary-rgb), .08);text-align:left;background-color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex}.stock-card:hover{box-shadow:0 8px 25px rgba(var(--tooldi-primary-rgb), .12);transform:translateY(-5px)}.stock-card h3{color:var(--tooldi-primary);margin-top:0;margin-bottom:.8rem;font-size:1.4em}.stock-card p{color:#555;flex-grow:1;margin-bottom:1.2rem;font-size:1em}.stock-card a{background-color:var(--tooldi-secondary);color:#fff;border-radius:8px;align-self:flex-start;margin-top:1.2rem;padding:.8rem 1.2rem;font-size:.95em;font-weight:600;text-decoration:none;transition:background-color .2s;display:inline-block}.stock-card a:hover{background-color:var(--tooldi-primary)}.no-recommendations{color:#777;text-align:center;margin-top:2rem;font-size:1.1em}.back-button{color:#fff;cursor:pointer;background-color:#6c757d;border:none;border-radius:8px;margin-top:2rem;padding:1rem 1.5rem;font-size:1.1em;font-weight:600;transition:background-color .2s}.back-button:hover{background-color:#5a6268}@media (width<=768px){.recommendation-header{font-size:1.8em}.summary-card{padding:1.2rem 1.5rem}.summary-card p{font-size:1em}.investment-briefing{padding:1.8rem 2rem}.investment-briefing h2{font-size:1.5em}.investment-briefing p,.investment-briefing li{font-size:.95em}.recommendation-list h2{font-size:1.5em}.stock-cards-grid{grid-template-columns:1fr}.stock-card h3{font-size:1.2em}.stock-card p{font-size:.95em}.stock-card a{padding:.7rem 1rem;font-size:.9em}}@media (width<=480px){.stock-recommendation-container{padding:1rem}.recommendation-header{font-size:1.5em}.summary-card{margin-bottom:2rem;padding:1rem}.summary-card p{font-size:.9em}.investment-briefing{margin-bottom:2rem;padding:1.5rem}.investment-briefing h2{font-size:1.3em}.investment-briefing p,.investment-briefing li{font-size:.9em}.recommendation-list h2{font-size:1.3em}.stock-card{padding:1.2rem}.stock-card h3{font-size:1.1em}}:root{--primary-blue:#3498db;--light-blue:#e8f5fd;--dark-blue:#2c3e50;--accent-green:#2ecc71;--light-grey:#f4f7f6;--medium-grey:#dee2e6;--tooldi-primary:#3460f1;--tooldi-secondary:#5a7ef6;--tooldi-light-bg:#f0f3fa;--tooldi-dark-text:#2a3447;--tooldi-border:#e0e5eb}html,body{height:100%;margin:0;padding:0}body{background:linear-gradient(135deg, var(--tooldi-light-bg) 0%, var(--light-grey) 100%);color:var(--tooldi-dark-text);box-sizing:border-box;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:2rem;font-family:NanumSquareRound,sans-serif;display:flex;overflow-x:hidden}.App{box-sizing:border-box;background-color:#fff;border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:800px;margin:1.5rem;padding:3.5rem 4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000026}.App:before{content:"";opacity:.07;pointer-events:none;z-index:0;background:url("data:image/svg+xml;utf8,<svg width=\"100%\" height=\"100%\" viewBox=\"0 0 200 200\" xmlns=\"http://www.w3.org/2000/svg\"><defs><pattern id=\"pattern-zigzag\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\"><path d=\"M0 10l10 10l10-10l-10-10z\" fill=\"rgba(52, 96, 241, 0.05)\"/></pattern></defs><rect width=\"100%\" height=\"100%\" fill=\"url(%23pattern-zigzag)\"/></svg>") 0 0/20px 20px;position:absolute;inset:0}.investment-survey-container{z-index:1;text-align:center;width:100%;position:relative}.investment-survey-container h1{color:var(--tooldi-dark-text);margin-bottom:3rem;padding-bottom:.5rem;font-size:2.5em;font-weight:800;position:relative}.survey-section{border:1px solid var(--tooldi-border);box-shadow:0 8px 25px rgba(var(--tooldi-primary-rgb), .08);box-sizing:border-box;text-align:left;background-color:#fcfdfe;border-radius:12px;width:100%;margin-bottom:2.5rem;padding:2rem 2.5rem}.survey-section h2{color:var(--tooldi-dark-text);border-bottom:2px solid var(--tooldi-border);text-align:center;margin-top:0;margin-bottom:1.8rem;padding-bottom:1rem;font-size:1.6em;font-weight:700}.radio-group{flex-direction:column;align-items:center;gap:1.5rem;width:100%;display:flex}.radio-group label{color:var(--tooldi-dark-text);cursor:pointer;border:1px solid var(--tooldi-border);background-color:#fff;border-radius:8px;justify-content:flex-start;align-items:center;width:80%;max-width:400px;padding:1rem 1.2rem;font-size:1.15em;transition:all .3s;display:flex}.radio-group label:hover{background-color:var(--tooldi-light-bg);color:var(--tooldi-primary);border-color:var(--tooldi-primary);box-shadow:0 6px 15px rgba(var(--tooldi-primary-rgb), .15);transform:translateY(-3px)}.radio-group input[type=radio]{appearance:none;border:2px solid var(--tooldi-primary);border-radius:50%;outline:none;flex-shrink:0;width:22px;height:22px;margin-right:1rem;transition:border-color .3s,background-color .3s;position:relative}.radio-group input[type=radio]:checked{border-color:var(--tooldi-primary);background-color:var(--tooldi-primary)}.radio-group input[type=radio]:checked:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button[type=submit]{background-color:var(--tooldi-primary);color:#fff;cursor:pointer;width:100%;max-width:400px;box-shadow:0 10px 30px rgba(var(--tooldi-primary-rgb), .3);border:none;border-radius:12px;margin-top:3.5rem;margin-left:auto;margin-right:auto;padding:1.4rem;font-size:1.4em;font-weight:700;transition:background-color .3s,transform .2s,box-shadow .3s;display:block}button[type=submit]:hover{background-color:var(--tooldi-secondary);box-shadow:0 15px 40px rgba(var(--tooldi-primary-rgb), .4);transform:translateY(-4px)}button[type=submit]:active{box-shadow:0 6px 20px rgba(var(--tooldi-primary-rgb), .3);transform:translateY(0)}.App{--tooldi-primary-rgb:52, 96, 241}@media (width<=768px){.App{margin:1rem;padding:2rem 2.5rem}.investment-survey-container h1{margin-bottom:2rem;font-size:2.2em}.survey-section{padding:1.8rem 2rem}.survey-section h2{margin-bottom:1.5rem;font-size:1.5em}.radio-group label{width:90%;padding:.9rem 1.1rem;font-size:1.1em}button[type=submit]{max-width:90%;padding:1.3rem;font-size:1.3em}}@media (width<=480px){.App{border-radius:12px;margin:.5rem;padding:1.5rem}.investment-survey-container h1{margin-bottom:1.5rem;font-size:1.8em}.survey-section{border-radius:10px;margin-bottom:1.8rem;padding:1.5rem}.survey-section h2{margin-bottom:1.2rem;padding-bottom:.8rem;font-size:1.3em}.radio-group{gap:1rem}.radio-group label{width:95%;padding:.8rem 1rem;font-size:1em}button[type=submit]{border-radius:10px;max-width:95%;padding:1.1rem;font-size:1.2em}}